Color Converter
Convert colors between HEX, RGB and HSL instantly with a live preview.
#7C5CFC
rgb(124, 92, 252)
hsl(250, 94%, 67%)
WCAG Contrast
vs White
Contrast 4.38:1Fail
vs Black
Contrast 4.79:1AA
Was this tool useful?
About this tool
Colors in web development are expressed in multiple formats. HEX (#ffffff) is the most common in HTML and CSS. RGB (255, 255, 255) is used in design tools and CSS functions. HSL (hue, saturation, lightness) is more intuitive for adjusting colors — increasing saturation or shifting hue feels natural.
The WCAG contrast ratio tells you whether text on a colored background meets accessibility standards. AA requires a ratio of at least 4.5:1 for normal text; AAA requires 7:1.
How to use it
- Enter a color in any format — HEX, RGB or HSL.
- The other two formats update automatically.
- The color swatch shows a live preview.
- Check the WCAG contrast ratios against white and black backgrounds.
Common problems
- The HEX input is not accepted.
- Use the full 6-digit format: #7c5cfc. The # prefix is optional but recommended. 3-digit shorthand (#fff) is not currently supported.