Colour converter 🎨

Pick a colour, or type one in any format you like. The other formats keep up, the swatch glows, and the contrast check tells you whether anyone can actually read it. Nothing leaves your browser. (the colours stay in. like a very small paint pot.)

#7c3aed
HEX

Paste a whole rgb(), hsl(), or oklch() string here too. (it sorts itself out.)

RGB
R
G
B
HSL
H
S
L
OKLCH
L
C
H
Alpha
A
HEX#7c3aed
RGBrgb(124, 58, 237)
HSLhsl(262, 83%, 58%)
OKLCHoklch(0.541 0.247 293)

Can anyone read it?

  • vs black3.69:1AA ✗AAA ✗
  • vs white5.70:1AA ✓AAA ✗

AA wants 4.5:1, AAA wants 7:1, for normal-sized text. (your eyes already knew.)

Handy when a design hands you one format and your code wants another. (the contrast numbers are strict but fair. mostly fair.)