Color Picker & Palette
Pick a color — every format, plus shades, tints, and contrast guidance.
—HEX
—RGB
—HSL
—Best text color
Frequently asked questions
HEX, RGB, or HSL — which should I use?
They describe the same color. HEX is compact for CSS, RGB matches design software, HSL is easiest for humans to adjust (change lightness for shades without shifting the hue).
What contrast ratio do I need for text?
WCAG requires 4.5:1 for normal text and 3:1 for large text. The tool shows whether black or white text passes on your color.
How are the shades and tints made?
The hue and saturation stay fixed while lightness steps down (shades) or up (tints) in HSL space, giving a usable UI color scale from one base color.