Color Picker / Format Converter
Pick a color, paste any CSS color, get HEX/RGB/HSL/HSV + WCAG contrast.
On white
Aa
On black
Aa
WCAG contrast
On white —
On black —
R
0
G
0
B
0
About this tool
Color Picker / Format Converter — pick a color from the swatch or paste any CSS color (HEX, RGB, HSL, HSV, named, OKLCH) and instantly get every other format.
Inputs accepted
- HEX:
#abc,#aabbcc,#aabbccdd(with alpha). - RGB/RGBA:
rgb(255, 99, 71),rgba(255,99,71,0.5). - HSL/HSLA:
hsl(120, 60%, 50%). - HSV:
hsv(120, 60%, 50%). - Named: 147 CSS named colors (
tomato,rebeccapurple, …). - OKLCH:
oklch(70% 0.15 200).
WCAG contrast
The bottom panel computes contrast against pure white and pure black using the WCAG 2.x luminance formula. Ratios ≥ 4.5 pass AA, ≥ 7 pass AAA.
Privacy
All conversions happen locally in your browser — colors never leave your device.