LESS FRICTION. MORE DONE.

Convert colors online

Convert HEX, RGB, HSL, HSV, CMYK and OKLCH. Explore shades and check text contrast against a background color.

Processed on your device
Getting your tool ready…
Loading total…
THREE SIMPLE STEPS

From open to done.

01

Choose your input

Paste a CSS color or choose one with the picker.

02

Make it yours

Read equivalent values in the available color spaces.

03

Take it with you

Copy a format, explore shades, or compare contrast against a background.

A FEW GOOD POINTERS

Get a better result.

HEX and RGB describe the same sRGB channels. HSL and HSV describe those channels with hue-based controls. OKLCH is useful for perceptual adjustments. CMYK here is a simple mathematical approximation, not an ICC-profiled print conversion. Transparent input is composited over the contrast background.

A practical example

The brand color #7DCED4 is rgb(125, 206, 212). Check its contrast against dark text before using it on a button.

Made for your everyday work

Processed entirely on your device

Free to use, with no signup

Copy or download your result

Works in a modern browser


When this helps

Translate a design token, inspect a CSS color, or check whether a text/background pair reaches WCAG contrast thresholds. Contrast alone does not verify an entire page’s accessibility.

GOOD QUESTIONS

A little more clarity.

What to know before you go.

Are RGB and HEX different colors?

No. They are different ways to express the same red, green, and blue values.

Is CMYK accurate for printing?

It is an approximate conversion without a printer profile. Use a managed design application for production print work.

What do AA and AAA mean?

The contrast checker compares ratios to WCAG text thresholds: 4.5:1 for normal AA text and 7:1 for normal AAA text.

Can I pick a color from my screen?

The eyedropper button appears in browsers that support the EyeDropper API in a secure context.

KEEP YOUR FLOW

Your next useful thing.

More generators tools