Convert any color between HEX, RGB, HSL, HSV, and OKLCH instantly, and check the WCAG contrast ratio between a text and background color with AA/AAA pass-fail badges. Common conversions include HEX to RGB, RGB to HEX, HEX to HSL, and RGB to HSL. A fast, in-browser tool for developers and designers.
How to use Color Converter & Contrast Checker
Type a color in any format, or use the picker.
Copy whichever format you need from the list.
For accessibility, set text and background colors and read the contrast badges.
Frequently asked questions
How do I convert HEX to RGB?
Type a hex code such as #3b82f6 and copy the rgb() value from the list — every format updates together.
How do I convert RGB to HEX?
Enter an rgb() color (or use the picker) and copy the matching HEX code from the results.
What is OKLCH and why use it?
OKLCH is a modern, perceptually-uniform color space (lightness, chroma, hue). Equal numeric steps look like equal visual steps, which makes it great for building consistent palettes.
What contrast ratio do I need?
WCAG AA needs 4.5:1 for normal text and 3:1 for large text; AAA needs 7:1 and 4.5:1 respectively. The tool shows pass or fail for each.