Pick a color. Get every shade it secretly knows.
Tap the grid, paste a code, or roll the dice. Click any swatch to copy — your eyes do the choosing, we do the math. No account, no paywall, no nonsense.
Not a color we recognize — try hex, rgb, hsl or oklch. Even we have limits.
On black
6.49:1
AA·AAA
On white
3.24:1
AA·AAA
Lightness
Saturation
Hue
Color harmonies
Classic combos pulled straight from the color wheel. Click to copy, double-click to make it your new base.
Complementary
Opposite hue — highest contrast pairing
Analogous
Neighbouring hues — calm, cohesive
Split complementary
Softer contrast than a straight complement
Triadic
Three evenly spaced hues — vivid and balanced
Tetradic
Two complementary pairs — rich, needs a dominant color
Monochromatic
One hue, varied lightness — safe for UI hierarchy
Design tokens — 50 to 950
A ready-made ramp for design systems, Tailwind palettes and 3am rebrands.
Color vision check
See your color through someone else's eyes — the three most common types of color blindness.
Normal vision
#1e90ff
Protanopia
#4f50e4
Deuteranopia
#4940de
Tritanopia
#24cfca