How to pick color codes from websites using ColorZilla

This tutorial walkthrough how to pick color code from any website using ColorZilla. ColorZilla is a Mozilla Firefox and Google Chrome extension that assists web developers and graphic designers with color related and other tasks. ColorZilla allows getting a color reading from any point in the browser, quickly adjusting this color and pasting it into another program, such as Photoshop. This tutorial includes 2 main steps.

1.Add the extension to the browser.
2. Get color codes using ColorZilla.

1.Add the extension to the browser.

ColorZilla also provides Ultimate CSS Gradient Generator which is a powerful Photoshop-like CSS gradient editor from ColorZill.

Colorzilla color code

 

Go to your Chrome web store or Mozilla add-ons and search for Colorzilla extension. Add the extension to your browser.

Colorzilla color code

 

Confirm the addition of the extension. Once you finished the installation, a web page will display Colorzilla’s features and bonus features.

Colorzilla color code

 

2. Get color codes using ColorZilla.

Its features include; Color picker, Picked color history, Webpage color analyzer, Palette browser, CSS Gradient generator.

Color picker: To select a color from the browser for the hexadecimal code of that color, Picked color history, Webpage color analyzer, Palette browser, CSS Gradient generator.
Picked color history: To show Last picked color and its Hex code.

Colorzilla color code

 

Web page color analyzer: This feature will show you all colors from the current website.
Palette browser: The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes.

Colorzilla color code

 

CSS Gradient generator: This tool creates gradient colors and gives CSS code of that color.

Colorzilla color code

 

You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily.

Anwar Yakkiparamban

Anwar Yakkiparamban is the founder of Lauyou Learning. Prior to Lauyou learning, Anwar worked at ARD Engineering & Development, Qatar. He holds bachelor degree in Electronics and Communication Engineering from Govt. Engineering College Idukki.

You may also like...