Color Converter
HEX, RGB, HSL.
One color, every format.
Aa on white textAa on black text
| HEX | #0071e3 | |
| RGB | rgb(0, 113, 227) | |
| HSL | hsl(210, 100%, 45%) |
Type a color in any format — #0071e3, rgb(0, 113, 227) or hsl(210, 100%, 45%) — or pick one, and copy it as HEX, RGB or HSL. The WCAG contrast ratio against white and black text tells you if it's readable.
Color formats explained
| Format | Example | Notes |
|---|---|---|
| HEX | #0071e3 | Red, green and blue as two hex digits each; #rgb short form allowed |
| RGB | rgb(0, 113, 227) | Channels from 0 to 255 |
| HSL | hsl(210, 100%, 45%) | Hue (0–360°), saturation, lightness — easiest to adjust by hand |
Related tools
Frequently asked questions
- How do I convert HEX to RGB?
- Split the six hex digits into three pairs and convert each from base 16 to decimal: #0071e3 → 00, 71, e3 → rgb(0, 113, 227). Paste any HEX code above to do it instantly.
- What contrast ratio do I need?
- WCAG AA requires 4.5:1 for normal text and 3:1 for large text (about 24 px, or 19 px bold). AAA requires 7:1.