Color Converter
HEX ↔ RGB ↔ HSL ↔ CMYK — pick a color or type any format below
Color Contrast Checker
WCAG 2.1 AA/AAA compliance check for any foreground/background color pair
The quick brown fox jumps over the lazy dog
Small text — WCAG AA requires ≥ 4.5:1 for small text
Shade Generator
Full lightness scale from any color
CSS Gradient Builder
Build linear or radial gradients — copy the CSS ready to paste
135°
Color Blindness Simulator
See how a color appears to people with different color vision types
Random Palette
Generate 5 harmonious colors — complementary, analogous or triadic
Tint & Shade Generator
9 tints and 9 shades from any base color — click to copy HEX
← Lighter (Tints) — Base — Darker (Shades) →