Can I extract colors from an image?

While this web tool focuses on manual selection, our app allows you to pick any color directly from any website or image in your browser.

What is the difference between HEX and RGB?

HEX is a hexadecimal representation of color commonly used in HTML/CSS. RGB (Red, Green, Blue) defines the intensity of each primary color. Both represent the same color but in different formats.

Is there a limit to how many colors I can save?

Currently, you can save as many colors as you like to your local palette. These are stored in your browser's local storage.

Does this tool support transparency (Alpha)?

Yes, our color picker supports the Alpha channel, allowing you to define semi-transparent colors for modern UI designs.

Zilly Color Picker | Free Chrome Extension for Web Designers

Advanced Features

Smart Color Picking

Pick colors from any webpage with one click. Features dual-color mode for comparison and pixel-perfect sampling with variable sizes.

Native EyeDropper API

Leverages the high-performance native EyeDropper API with a robust fallback mode for older browser versions.

WCAG 2.1 Compliance

Real-time AA/AAA compliance badges, contrast ratio calculation, and pass/fail indicators for normal and large text.

Color Harmonies

Generate complementary, triadic, and analogous palettes instantly. Includes a shades and tints generator.

Export & Integration

Developer Formats

Export in HEX, RGB, HSL, or RGBA. Full support for CSS variables, Tailwind JSON, and Sass/Less variables.

Asset Export

Save your palettes as high-quality PNG images or shareable JSON files for seamless project integration.

Favorites & History

Keep track of your last 50 colors with persistent history and save your most-used shades to favorites.

Seamless Sharing

Instantly share your color discoveries with your team or export your entire configuration in one click.

Keyboard Shortcuts

AltShiftK

Pick Color A

AltShiftJ

Pick Color B

Privacy First

Zilly works entirely on your machine. We never collect your data, track your browsing, or upload your palettes to any server. Your privacy is our priority.

Lightning Fast

Optimized for speed. The app opens instantly and picks colors without any lag, even on complex websites with heavy animations.

Contrast Checker

Abc

Normal Text

WCAG AAFAIL

WCAG AAAFAIL

Contrast ratio is calculated based on the selected color against a white or black background.

Pick from Image

Click to pick color

Click anywhere on the image above to extract its hex code. This is a web-based preview of the Zilly app's power.

Interactive Demo

Adjust Color A:

HEX: #6366f1

RGB: 99, 102, 241

Complementary

#9c990e

Other Tools

Zilly QR Code

Coming Soon

AI Summarizer

Beta

Frequently Asked Questions

Simply click on the color preview or use the sliders to adjust the color. You can also type in a HEX code directly. Use the 'Copy' buttons to grab the HEX, RGB, or HSL values for your project.

More from ZillyTools

Discover other premium utilities designed to boost your productivity.

Zilly Widgets

Transform your Chrome new tab into a customizable productivity dashboard with widgets.

View Tool

Zilly Todo

Add todos from any website. Right-click to capture text, links & images.

View Tool

Zilly Screenshot

Capture webpages, annotate screenshots, and share visual feedback faster than ever.

View Tool