Advertisement
Color Converter & Contrast Checker
Convert colors between HEX, RGB, HSL and HSV, plus WCAG contrast ratio checker.
Loading Color Converter & Contrast Checker… If nothing happens, please enable JavaScript.
About Color Converter & Contrast Checker
Designers and developers constantly switch between color formats, HEX for CSS, RGB for canvas, HSL for systematic palettes, HSV for color pickers.
This tool converts a single color across all four notations and checks its WCAG contrast against any background, helping you build accessible interfaces.
Frequently asked questions
What contrast ratio do I need?
WCAG 2.1 requires 4.5:1 for normal text and 3:1 for large text (AA). For AAA the thresholds are 7:1 and 4.5:1.
Why HSL and HSV?
HSL (hue/saturation/lightness) is great for tints and shades. HSV (hue/saturation/value) maps directly to the color wheel used in most design tools.
Can I get the alpha channel?
Yes. Use the #rrggbbaa HEX form or the RGBA notation in the input.
Advertisement