Home » Graphics

How to find color code on a web page on fly

Many a times web designers have necessity to find a colour / color code of an element used on a web site. I could be anything like anchor color, color used on borders or may be as simple as background colour. We like it and want to use it for our purpose but it’s really difficult to guess the exact code.

iosart.com had made a Firefox extension named as Colorzilla , which can be used to get hold of the exact color code i.e tell you the RGB / HEX value ( which may be you can use for your project or your own web site ).of any colour which you can touch on a web page.

Before you get to know how it works here is what it allows you to do it.

  • Get the exact Hex or RGB code / value of a colour.
  • Reveal the class used in CSS or style sheet used for the web page.
  • Save the extracted colors to palate box so that it can be reused again.
  • Re-sample last location to know which colour you extracted last time.
  • Color Picker is integrated. This can be very hand if you want to know a colour code in random also. You need to look into Google search or open up Paint.net or adobe Photoshop like applications.
  • Zoom a web site .
  • Colorzilla is integrated with right click menu of mouse for quick access.

Now you know what it can give it to you lets see it in action

color-dropper

Located the bottom left of your browser.

color-dropper-select.png

Shows Colour of the blue are not of the text inside.

color-dropper-select-text.png

When hovered over the text it shows the colour code for the text now.

color_intigrated_menu

Its integrated with right click menu. Check the zoom feature.

color_chooser color_palate

Color Chooser and Colour Palate

This is must Firefox extension for designers or even people like us who don’t know much about colour codes. Download Colorzilla and get to know my web site color code hehe :D . Do You use any tool to find color of other websites? Do tell us in comments so we can expand our knowledge

Tagged with: | Need more help ? Ask your Questions in our Community | Follow us on Twitter @TSNW or Facebook
Share on Twitter Share on Facebook Subscribe to Feed Print This Post
Translate to EnglishÜbersetzen Sie zum Deutsch/GermanPreložiť do slovenčiny/SlovakTulkot uz latviešu/LatvianTradueix al català/Catalanहिन्दी अनुवाद करने के लिए/HindiÖversätta till Svensk/SwedishOversetter til Norsk/NorwegianПереведите к русскому/RussianVertaal aan het Nederlands/Dutchترجمة الى العربية/ArabicПереклад на українську/UkrainianTraduzca al Español/SpanishTraduisez au Français/FrenchTraduca ad Italiano/ItalianTraduza ao Português/Portuguese

Author Details

Posted on 11th October 2007 by Ashish Mohta , A Professional Tech blogger, Editor and Writer who talks about solving day to day problems of people who use computer. He also writes on How to use the applications like Office, PC tips, Online tools,Browsers and more. All posts by Ashish Mohta | Connect with me @ Twitter | Linkedin | Facebook | Stumble

2 Comments »

  • Kelvin said:

    Thanks

  • Hanif said:

    Thanks. it really works.

Leave your response!

Be nice. Keep it clean. Stay on topic. No spam.