Eye Dropper, Firebug and Hex Color Generators


My previous post about using Adobe Photoshop’s Eye Dropper Tool raises one question for most of us: What if I don’t have Adobe Photoshop?

Well, don’t worry, we still have other ways to work around that. The reason why I wrote about Photoshop is because along with the Hex Color Code Generator, I almost always use Photoshop every time I do some tweaks in my Wordpress themes. Let me explain these two tools further.

I use the Hex Color Code Generator mainly when I look at my CSS and have no idea what a certain HTML color code is. For example, I would encounter values like #7E8AA2. The first thing that comes to my mind is, “What the heck is #7E8AA2?” “Is it blue, green or pink?” I then turn to the code generator to find out for myself and look what other colors would look great with it.(In case you’re wondering, it’s a light shade of blue.)

This was before I discovered Firebug, a Firefox add on that gives you the ability to “look under the hood” of any website. By using Firebug, you can have a sneak peak at the CSS codes behind websites. HTML color codes are easy to spot and you can even have a pop up preview of the colors without using color generators. I will definitely write another post about Firebug this week to give you some ideas on how to use it for your projects.

What you can’t get through Firebug, you can get through Photoshop using the steps I mentioned in my previous post. Together, these three tools can help you create a website with professional looking color combination.

You like this post? Go ahead and share this with everyone else:
  • Twitter
  • Facebook
  • del.icio.us
  • Digg
  • Google Bookmarks
  • FriendFeed
  • LinkedIn
  • Reddit
  • MySpace
  • Posterous
  • HackerNews
  • RSS
  • StumbleUpon
  • Technorati
  • Yahoo! Bookmarks
  • Tumblr
  • Add to favorites
  • Live
  • MSN Reporter
  • Yahoo! Buzz
  • email
  • PDF

Related Posts

You can leave a response, or trackback from your own site.

Leave a Reply

You must be logged in to post a comment.