Tools
Tools
Color tools for designers: contrast checker, format converter, shades and gradients, color wheel, image extraction, and a color-blindness simulator.
Palette generator
Generate harmonious color palettes in one tap — lock the colors you love and fine-tune the rest with OKLCH sliders.
Open toolTOOL-02Contrast checker
Check any two colors against WCAG standards — with smart fix suggestions that preserve the color's identity.
Open toolTOOL-03Color converter
Convert any color between HEX, RGB, HSL, and OKLCH — with the nearest named color and one-tap copy.
Open toolTOOL-04Shades & tints
Generate shades, tints, and tones of any color — 12 steps in each direction, ready to copy.
Open toolTOOL-05Gradient maker
Build linear, radial, and conic CSS gradients — with OKLCH smoothing that kills the dead gray zone.
Open toolTOOL-06Color wheel
Explore color harmonies: complementary, analogous, triadic, tetradic — from an interactive color wheel.
Open toolTOOL-07Colors from an image
Extract a color palette from any image — all processing happens on your device; your image never leaves the browser.
Open toolTOOL-08Color-blindness simulator
See your palette through color-blind eyes — 8 simulations with warnings for confusable colors.
Open toolTOOL-09Color scale
Generate a full 50–950 color scale from any color — in Tailwind, CSS, and JSON formats ready to paste.
Open tool