Color Converter
Convert colors between HEX, RGB, and HSL with a live preview.
Runs in your browser · no upload
Color converter
Convert between HEX, RGB, and HSL, and check text contrast against white and black.
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)Sample text
On white: 5.17:1 · AA
Sample text
On black: 4.06:1 · AA large text
Questions
What does the contrast rating mean?
It is the WCAG contrast ratio. 4.5:1 meets AA for normal text, 3:1 for large text, and 7:1 meets AAA.
Is transparency supported?
Yes. Alpha values in 8-digit HEX, rgba(), and hsla() are kept.
Why does HSL to HEX change slightly?
HSL values are rounded, so converting back can shift a channel by one step.