Tools
Free, professional-grade color utilities. All processing runs in your browser — no upload, no signup, no tracking.
Palette Generator
Build harmonious palettes from any base color.
Open
Contrast Checker
WCAG 2.1 AA / AAA contrast against any pair.
Open
Color Blindness Simulator
Preview your color in protanopia, deuteranopia, tritanopia.
Open
Image Color Extractor
Pull dominant colors from any image.
Open
Gradient Generator
Create and copy CSS gradients with stops.
Open
Design Token Generator
Export tokens as JSON for Style Dictionary, Figma, etc.
Open
CSS Variable Generator
Generate CSS custom properties for any color.
Open
Tailwind Palette Generator
Generate a Tailwind-style 11-step scale.
Open
Random Palette Generator
Inspire your next design with curated random palettes.
Open
Color Mixer
Blend two colors with sRGB-linear math; 9-step ramp + nearest Pantone.
Open
Tints & Shades Generator
10 tints + 10 shades from any base color.
Open
CSS Color Name Finder
Closest CSS named color (148 W3C names) for any HEX.
Open
Eyedropper / Color Picker
Pick any pixel from anywhere on your screen (browser EyeDropper API).
Open