Color Converter

Convert colors between HEX, RGB, HSL and HSV instantly. Type a hex code, tweak RGB channels or use the color picker — all formats update together with a live swatch, plus WCAG contrast ratios against white and black text.

HEX
#4f6df5
RGB
rgb(79, 109, 245)
HSL
hsl(229, 89%, 64%)
HSV
hsv(229, 68%, 96%)
Contrast ratio (WCAG)
vs white text: 4.34:1 (passes AA for large text only) · vs black text: 4.84:1 (passes AA for normal text)

How it works

HEX is parsed to RGB channels, then converted to HSL and HSV using the standard cylindrical color-model formulas. Contrast ratio follows the WCAG 2.x definition: relative luminance L = 0.2126R + 0.7152G + 0.0722B with gamma correction, and ratio = (L1 + 0.05) / (L2 + 0.05).

Frequently asked questions

What's the difference between HSL and HSV?

Both use hue plus two parameters. HSL's L (lightness) runs black → color → white, while HSV's V (value) runs black → full color. Designers often prefer HSL; color pickers often use HSV.

What contrast ratio is accessible?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text. The tool tells you whether your color passes against white and black text.

Do 3-digit hex codes work?

Yes — shorthand like #fff is expanded to #ffffff automatically.

Related tools