HEX Color Picker
HEX picker, RGB/HSL conversion, copy as CSS. WCAG contrast vs black and white.
Color
RGB
HSL
158.1° · 64.4% · 51.6%
hsl(158.1, 64.4%, 51.6%)
WCAG contrast (relative luminance)
- On white
- 1.92:1
- On black
- 10.92:1
For body text, AA often targets at least 4.5:1; large text may use a 3:1 threshold.
How to use
Drag the picker or type #RRGGBB (optional #RGB shorthand). Linked RGB (0–255) and HSL (hue 0–360, % saturation/lightness) fields stay synchronized.
Copy CSS grabs a one-line snippet for text or background color properties.
Contrast rows show WCAG 2.x relative luminance vs white (#fff) and black (#000)—aim for 4.5:1 (AA body) or 7:1 (AAA) when pairing text and backgrounds.