About   All Tips   Tips by Category   Tips by Ability   Help!

Custom Colors

Ever want the hex or RGB value for a color that you see on the internet? Perhaps you really like the pink that I used for my sidebar title underline and would like to use the exact shade on your blog. After a lot of trial and error, you might be able to stumble upon a very similar shade, but it would be tough to pinpoint the exact color. The good news for Firefox users is that there is a add-on called ColorZilla that you can install that will show you the value for any color that you see on the web!

This tip is for Firefox users only, so those of you who only use Internet Explorer are out of luck this time. I do have an upcoming tip that will show you how you can get custom colors on IE, but it's not nearly as cool as this one. :(

Here's how to use ColorZilla:

1. Install ColorZilla by clicking here.

2. Find a color on the web that you want the RGB or hex values for. Click on the eyedropper icon in the bottom left corner of your screen (circled in purple in the image below). If you do not see an eyedropper icon, right click on the page and select ColorZilla-->eyedropper.

3. Move your mouse (represented by the cross in the image above) to the color that you would like to copy, then look down in the lower left corner of your screen. The RGB value and six digit hex code will be shown. Write these codes down for future reference.

Another great feature of ColorZilla is the Webpage DOM Color Analyzer. You can get the color scheme for any page by right-clicking on the page and selecting ColorZilla-->Webpage DOM Color Analyzer. A palette containing most of the colors on the page will appear at the bottom of your screen. Simply click on the color that you want and the RGB and hex values will pop up. Too cool!

Related Post:
Custom Colors For Your Blog - SUPER Easy!

Have you been helped by my tips? 
Consider grabbing my button or adding this blog to your bloglist!

Want to share this tip with your readers?
I would be honored for you to link back to this post!

Please do not copy and paste my words and images into your own posts.
I work hard on my tips and and wish for everything to remain on this blog. 
Thank you for your cooperation! :)


Seow wei said...

Oh, this is great, I don't know about this add on, I am glad that you willing to share it, thanks a lot. Grab your badge.