Color Picker

Equalza's Color Picker is a comprehensive color tool for designers and developers. Click anywhere on the color area to select a hue, then fine-tune with the saturation and brightness controls. Instantly see your color in HEX, RGB, HSL, HSV, and CMYK formats — copy any value with one click.

No software to install, no account required. Everything runs 100% in your browser with zero data leaving your device.

Generate beautiful color palettes using established color theory rules. Choose from six harmony types: complementary (opposite on the wheel), analogous (adjacent colors), triadic (evenly spaced triangle), split-complementary, tetradic (rectangle), and monochromatic (same hue, different lightness).

Each harmony palette includes shades (darker) and tints (lighter) for every color, giving you a complete design system from a single starting color.

Ensure your designs meet accessibility standards with the built-in WCAG 2.1 contrast checker. Set a foreground and background color to instantly see the contrast ratio and whether it passes AA or AAA standards for normal and large text.

The live preview shows exactly how your text will look against the chosen background, helping you make accessible design decisions without guesswork.

Build beautiful CSS gradients with the visual gradient editor. Choose between linear and radial gradients, add multiple color stops, adjust the angle, and instantly get production-ready CSS code to copy into your project.

The live preview updates in real-time as you adjust stops, making it easy to fine-tune your gradient until it's perfect.

Upload any image and automatically extract its dominant color palette. The color extraction analyzes the image entirely in your browser — your photos are never uploaded to any server. Perfect for creating designs inspired by photographs, brand assets, or nature.

Export your palettes in the format you need: CSS custom properties, SCSS variables, Tailwind CSS config, or raw JSON. The developer-friendly output is ready to paste directly into your project with proper naming conventions and formatting.