Color Converter

Convert between color formats and analyze color properties with this comprehensive tool.

HEX

RGB

HSL

HWB

CMYK

LCH

CSS Keywords

Format Conversion

Convert colors between multiple formats instantly with perfect accuracy

Color Analysis

Analyze hue, brightness, luminance and other color properties

Accessibility Check

Check contrast ratios and WCAG compliance for better accessibility

Enter a color code, use the color picker, or hit "Random" to generate a color. You'll instantly see conversions to all major formats, detailed color analysis, and accessibility information.

Click👉

Analysis

IS VALID CSS VALUE?

Yes

FORMAT

HEX

HUE (0-359)

212 deg

BRIGHTNESS

32% Dark

LUMINANCE

10%

CONTRAST ON WHITE

6.81:1

Conversion

HEX

RGB

HSL

HWB

CMYK

LCH

CSS KEYWORD

Color Models, Precision, and Gamut

What color formats are supported?

This tool supports the most common color formats including:

Hexadecimal (HEX): #RRGGBB or #RGB
RGB: rgb(R, G, B)
HSL: hsl(H, S%, L%)
HWB: hwb(H W% B%)
CMYK: device-cmyk(C% M% Y% K%)
LCH: lch(L% C H)
CSS Color Keywords: red, blue, etc.

What is color contrast and why is it important?

Color contrast is the difference in luminance between two colors. It's important for accessibility as sufficient contrast ensures that text is readable for all users, including those with visual impairments. The WCAG guidelines recommend a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

What's the difference between HSL, HWB, and other color models?

Different color models represent colors in different ways:

RGB defines color by mixing red, green, and blue light.
HSL (Hue, Saturation, Lightness) is more intuitive as it separates color (hue) from its intensity (saturation) and brightness (lightness).
HWB (Hue, Whiteness, Blackness) is similar to HSL but uses white and black mixing instead.
CMYK is used in printing and defines colors by cyan, magenta, yellow, and black ink mixtures.
LCH (Lightness, Chroma, Hue) is designed to be perceptually uniform, meaning the visual difference between colors corresponds to their numerical difference.

Useful tools selected for this workflow

Unit & Number Converters New

Weight Calculator

Convert weight and mass between different units including kilograms, pounds, ounces, grams, stone, and more. Fast and accurate weight conversion tool.