Do you need to match the hex color code for one particular color on an image when you are designing a website? Use this free tool... A Honey Bear Playhomes tip...

  • 2
  • Idea
  • Updated 9 years ago
Couldn't be easier...

1) Go to
2) Paste the full URL of the image that you want to check the color on and click "Enter"
3) Click once with the hand pointing finger on the color you want to check
4) Copy the produced hex color code from the box at the bottom

Really great tool to make sure that your website's colors all match and look professional.

Happy site building

You can find me with my head in the honey pot here...

Honey Bear Playhomes Tips and Favs in one place... A Honey bear Playhomes Tip ;)
Photo of Ed-a-Torials @ Honey Bear Playhomes

Ed-a-Torials @ Honey Bear Playhomes, Champion

  • 2582 Posts
  • 279 Reply Likes

Posted 9 years ago

  • 2
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
This is a great tool! Thanks for posting this Ed! I'll be using this a lot :)

Photo of Sanja


  • 10698 Posts
  • 495 Reply Likes
Neat-o tool! Thanks for sharing Ed!
Photo of Jean


  • 134 Posts
  • 14 Reply Likes
There's also ColorZilla for Firefox, free here: It sits at the bottom corner of the browser; just click to activate and move the eyedropper over any color on a web page or image. It gives you both RGB, Hex, coordinates and html/css on one line.

I'm still using Version 2.2, but see it's been updated several times. It's now 2.5.3 with even more features.

By the same author is this CSS Gradient Generator, too.
Photo of Nathan

Nathan, Champion

  • 3739 Posts
  • 307 Reply Likes
Nice, thanks for sharing! Is there one for Google Chrome? Probably, they just got a new feature on Google Chrome V. 9 where you can have apps and stuff in addition to the extensions.

Photo of Boomer

Boomer, Champion

  • 2055 Posts
  • 84 Reply Likes
Been using ColorZilla for ages... It's one of the sharpest tools in MY shed!
Somewhere along the line I missed the Gradient Generator.
Thanks Jean!