What is a HEX color code?

A HEX code is a 6-character hexadecimal representation of a color, e.g. #3B82F6. Widely used in CSS and digital design.

When should I use CMYK?

CMYK is for print (magazines, brochures). Screens and the web normally use RGB or HEX.

HSL (Hue, Saturation, Lightness) is a color model that describes color by hue, saturation, and lightness. Easier to manipulate programmatically.

🎨 Color Converter

Name: Color Converter
Author: Miikka

Convert colors between HEX, RGB, HSL and CMYK.

By Miikka · CalcBrew · Updated Jul 11, 2026

Pick a colour

#3B82F6

HEX	#3B82F6
RGB	rgb(59, 130, 246)
HSL	hsl(217, 91%, 60%)
CMYK	cmyk(76%, 47%, 0%, 4%)

This color converter changes colors between HEX, RGB, HSL and CMYK in real time. It suits web designers, graphic artists and developers who need the same color in different code formats quickly and in a ready-to-copy form.

How the calculator works and what it’s for▾

How the color converter works

The converter reads the color you provide in one format and calculates the matching values in the others. HEX and RGB describe the same mix of red, green and blue in different ways, while HSL describes a color as hue, saturation and lightness.

CMYK in turn describes a color as the amounts of cyan, magenta, yellow and black used in print. The conversion between these is mathematical, so the same color is preserved as closely as possible from one model to another.

What you enter and what you get

You can pick a color with the selector or type a code, such as a HEX value. The converter then shows the same color in every supported format.

The codes come ready to copy, so you can drop the color straight into CSS styles, a design app or print material without converting it by hand.

Who it helps

A web developer often needs a HEX or RGB value for CSS, while print work calls for CMYK values. The color converter brings these worlds together in a single tool.

It is also handy for documenting brand colors, when you want to make sure the same shade appears consistently on screen and in print.

Good to know

Screens use light-based models such as RGB and HSL, while print relies on the ink-based CMYK model. Because of this, not every bright on-screen color can be reproduced exactly in print.

Treat CMYK values as a guide for print work and confirm the final shade with your print provider when color accuracy is critical.

🔄 Reviewed June 2026

Frequently asked questions

Cite this calculator

APACalcBrew. (2026). Color Converter. https://calcbrew.com/color-converter

MLA“Color Converter.” CalcBrew, 2026, calcbrew.com/color-converter.

Link to https://calcbrew.com/color-converter. Results are estimates; cite the underlying formula or data source for academic work.

More in Text & Code Converters · All converters