Back to Hub
Zilly Color Picker

Zilly Color Picker

Live
Privacy Focused
Professional Grade

The ultimate Chrome extension for designers and developers. Pick any color from any website with pixel-perfect precision.

Add to Chrome

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 extension 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

Demo

Click to pick color

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

Interactive Demo

Adjust Color A:

HEX: #6366f1
RGB: 99, 102, 241

Complementary

#9c990e

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.