Color Converter

Convert between HEX, RGB, HSL and CMYK color formats

Color Tools

Color Preview

HEX

CMYK

RGB

HSL

Palette Steps

#052861

#0846aa

#0b64f4

#5593f7

#9ec1fa

Contrast Check

On white

Ratio 3.68:1 • Needs review

On black

Ratio 5.71:1 • AA pass

CSS Variables

--color-primary: #3b82f6;
--color-primary-rgb: 59 130 246;
--color-primary-hsl: 217 91% 60%;

Convert colors between HEX, RGB, HSL, and CMYK formats instantly with our free Color Converter. Essential for web designers, graphic designers, and developers who work across different design tools and color spaces. Enter any color value and get all formats at once.

How to Use

1Enter a color value in any supported format (HEX, RGB, HSL, or CMYK).
2All other format equivalents are calculated and displayed immediately.
3Copy any format with its individual copy button.
4Use the color preview to visually confirm the color.
5Try different values to explore the color space.

Features

✓Converts between HEX, RGB, HSL, and CMYK
✓Live color preview
✓Copy each format individually
✓Real-time conversion
✓Free with no registration

Practical Examples

•Convert a designer-provided HEX color to HSL so you can adjust lightness for hover and disabled states.
•Translate RGB values from a screenshot tool into CSS-friendly HEX or HSL.
•Prepare a rough CMYK reference before moving a web color into print design software.

Common Pitfalls

•RGB and HEX describe screen colors; CMYK conversion is approximate and should be checked in print-specific software.
•Changing only opacity is not the same as choosing an accessible lighter color.
•Color values alone do not guarantee readability. Check contrast for text and UI controls.