Color Converter
Convert colors between HEX, RGB and HSL and check WCAG contrast against white and black. Runs in your browser.
HEX#3b82f6
RGBrgb(59, 130, 246)
HSLhsl(217, 91%, 60%)
Contrast (WCAG)
White text: 3.68:1 - AA large text only
Black text: 5.71:1 - AA
Convert colors and check contrast
Design tools and code use different color notations. Enter a color as HEX, rgb() or hsl() and get the others, plus a WCAG contrast check for readable text.
How do I convert HEX to RGB?+
Type or paste a HEX color such as #3b82f6 and the RGB and HSL values appear instantly.
What does the contrast ratio mean?+
WCAG asks for at least 4.5:1 for normal text (AA) and 7:1 for AAA. Large text needs 3:1.
Is it free?+
Yes. No signup, no limits, no watermarks.