Color Converter

Convert colours between HEX, RGB, HSL, HSV and CMYK, pick colours visually and check WCAG contrast with white and black text.

What is the Color Converter?

Designers and developers use different colour models: HEX and RGB for screens, HSL for adjusting hue and lightness, and CMYK for print.

How does it work?

The input is parsed into RGB and converted with standard formulas. Contrast ratios use WCAG 2 relative luminance.

Formula

Contrast = (L1 + 0.05) ÷ (L2 + 0.05)

Example

#1d5cf1 = rgb(29, 92, 241) = hsl(222, 88%, 53%).

Frequently asked questions

Is my data sent to a server?

No. This tool runs entirely in your browser; nothing you paste is uploaded or stored.

What contrast ratio do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

Related tools

Enable JavaScript to use this calculator.