Back to Tools

Color Code Converter – HEX RGB HSL HSB CMYK Free

4.8
(170 votes)

Flawlessly convert highly specific structural color parameters between HEX, RGB, HSL, HSB, and CMYK. Immediately audit live WCAG native contrast rules.

hex

#06D38C

rgb

rgb(6, 211, 140)

hsl

hsl(159, 94%, 43%)

hsb

hsb(159, 97%, 83%)

cmyk

cmyk(97%, 0%, 34%, 17%)

Contrast Ratio

Aa on White
2.0:1
Aa on Black
10.7:1 ✓ AA

How to Use the Color Code Converter

1

Pick or Enter a Color

Use the color picker or type a HEX code like #06D38C. You can also click any preset swatch.

2

See All Formats

HEX, RGB, HSL, HSB, and CMYK values are displayed automatically and updated in real-time.

3

Copy & Use

Click the copy button next to any format card to copy the value to your clipboard.

Frequently Asked Questions

What is the difference between HSL and HSB?

HSL (Hue, Saturation, Lightness) defines lightness as the midpoint of the color range. HSB (Hue, Saturation, Brightness) defines brightness as the maximum RGB channel. HSB is used in design software like Photoshop; HSL is used in CSS.

What is CMYK used for?

CMYK (Cyan, Magenta, Yellow, Key/Black) is the color model used in professional printing. Unlike RGB which is additive (for screens), CMYK is subtractive.

What does the contrast ratio mean?

WCAG accessibility guidelines require a minimum contrast ratio of 4.5:1 for normal text (AA compliance). We show the contrast of your color against both white and black backgrounds.

Can I enter RGB or HSL values directly?

Currently the primary input is HEX. Enter any 6-digit hex code and all formats are converted automatically.

Is it free and private?

Yes, completely free with unlimited conversions. All processing is done locally, nothing is sent to a server.

Share this Tool

Embed / Link

https://tools.devriq.in/color-code-converter/