Tools

Everything runs in your browser. No uploads, no accounts, no limits.

Palette generator
Build harmonious four-color palettes from any base color. Lock the shades you like and reshuffle the rest.
Extract palette from image
Drop in a photo and pull out the colors that actually define it, clustered rather than sampled at random.
Color collage generator
Combine a photo with the colors extracted from it into one shareable PNG, with the swatches placed above, below, left or right.
Contrast checker
Check any pair of colors against WCAG 2.1 AA and AAA thresholds for normal text, large text and UI components.
Color picker
Pick a color and read it back as HEX, RGB, HSL and OKLCH, with a full ramp of tints and shades.
OKLCH color picker and converter
Pick a color by lightness, chroma and hue, see where it leaves the sRGB gamut, and copy it as OKLCH, HEX, RGB, HSL, Display P3, Lab or LCH.
Tailwind colors
The full default Tailwind CSS palette with every shade, ready to copy as a class name or a HEX value.
List of colors
Every named CSS color, sortable by hue and lightness, with HEX, RGB and HSL for each one.
Browse gradients
A library of two-stop CSS gradients generated in OKLCH, so the midpoints stay clean instead of going grey.
Gradient maker
Compose a gradient from your own stops, choose the interpolation space and copy the CSS.