Today, after a quite some time spent in development, testing and refinement ColorZilla for Google Chrome is finally out. It has all the most popular features you came to expect from ColorZilla, and great care has been taken to adapt the user experience specifically for Chrome.

For example, because picking colors from web pages is one of the most used features, it was very important for this functionality to be as easy to trigger as possible. So, on Windows when you click on the main ColorZilla toolbar button you’ll immediately be in color picking mode. On MacOSX and Linux all you need to do is choose the first menu item (the closest one to the main button).

Also, ColorZilla for Chrome allows you to pick colors from Flash objects and at any zoom level (which you can’t currently do with some of the other color picking extensions for Chrome).

Main Features

• Eyedropper – get the color of any pixel on the page
• An advanced Color Picker similar to ones that can be found in Photoshop and Paint Shop Pro
• Webpage Color Analyzer – analyze DOM element colors on any Web page, locate corresponding elements
• Ultimate CSS Gradient Generator
• Palette Viewer with 7 pre-installed palettes
• Color History of recently picked colors

Additional features

• Displays element information like tag name, class, id, size etc.
• Outline elements under the cursor
• Auto copy the generated or sampled colors to the clipboard in CSS RGB, Hex and other formats.
• Keyboard shortcuts for quickly sampling page colors using the keyboard.
• Get the color of dynamic elements (hovered links etc.) by resampling the last sampled pixel

So, check out ColorZilla for Chrome and let me know what you think.

As you might know, HTML5 introduced many exciting features for Web developers. One of the features is the ability to specify gradients using pure CSS3, without having to create any images and use them as repeating backgrounds for gradient effects.

A few features in this first version of Ultimate CSS Gradient Generator:

• A convenient ‘presets’ panel for pre-selecting a wide variety of gradients.
• A gradient editor control that allows adding and removing stops, changing their color and position etc.
• ‘Preview’ panel allows previewing the current gradient as a vertical or horizontal one, and also allows quickly previewing how the Internet Explorer fallback gradient will look in IE.
• ‘CSS’ panel always has the CSS for the current gradient for easy copying and pasting into your stylesheet.

Check it out and let me know what you think

Important: You’ll need a recent version of Firefox, Chrome or Safari to use this Gradient Generator. The resulting CSS gradients are cross-browser – they will work in these browsers and will also fall back to a simpler gradient in Internet Explorer.

The CSS Gradient Generator will also be included in the latest version of ColorZilla.

Credits: The ‘Ultimate Web 2.0 Gradients’ preset gradients were derived from the great work by deziner folio and SGlider12 (their work was released under Creative Commons Attribution-ShareAlike license). The Color Picker is a minor adaptation of John Dyer’s awesome Color Picker.

New in this version:

• Color Picker Dialog:
  • New Photoshop-like ‘new/current’ color split panel
  • New smooth color map and color slider controls (based on John Dyer‘s JS Color Picker)
  • Experimental Lab and CMYK color spaces support
  • New ‘Eyedropper’ button allows sampling document colors while working in Color Picker
• Eyedropper:
  • Limited Flash sampling support
  • Allow scrolling the document while color sampling
• Web Color Analyzer: better color palette sorting
• Firebug integration: fixed Firebug ‘Inspect’ panel opening for the last sampled element

By the way, if you missed the last v2.2 version, it added support for Ubuntu Linux 64bit, Firefox 4, HSL colors and more.

As always, you can download the latest v2.5 beta, along with the latest stable v2.2 version at colorzilla.com