You are responsible for key management and output validation.
Color Converter & Contrast Checker
Convert colors between HEX, RGB, and HSL, and check WCAG contrast ratios for accessible text. All conversion happens in your browser.
Load Sample:
Preview
Conversions
HEX
#3b82f6
RGB
rgb(59, 130, 246)
HSL
hsl(217.2, 91.2%, 59.8%)
Contrast Checker
Contrast ratio: 3.68:1Below AA
Frequently Asked Questions
Which color formats are supported?
HEX (#rgb, #rrggbb, #rrggbbaa), rgb()/rgba() with 0-255 channels or percentages, and hsl()/hsla() with degrees and percentages. Alpha values are preserved.
Do my colors leave the browser?
No. All conversion and contrast math runs locally in your browser. Nothing is uploaded or stored.
What contrast ratio should I aim for?
WCAG 2.x recommends at least 4.5:1 for normal text and 3:1 for large text (AA); 7:1 for normal text at AAA. The checker labels each pair with AA or AAA.
Related Tools
Your inputs remain on your device.