Color Converter
Convert any color between HEX, RGB, HSL, HSV, CMYK, Lab and OKLCH, and copy it in one click. Free, on your device.
Type any format: #3366cc, rgb(51 102 204), hsl(220 60% 50%), cmyk(75% 50% 0% 20%), oklch(…) or a CSS name like tomato.
- HEX
#3366CC - RGB
rgb(51 102 204) - HSL
hsl(220 60% 50%) - HSV / HSB
hsv(220 75% 80%) - CMYK
cmyk(75% 50% 0% 20%) - CIE Lab
lab(45 18.7 -57.9) - OKLCH
oklch(53.2% 0.168 262.3)
Nearest CSS color name: royalblue
CMYK is a simple conversion without a printer profile: a good starting point, but a print shop’s values can differ.
Color Converter turns a color written in one format into all the others: HEX for the web, RGB, HSL and HSV for design apps, CMYK for print, and CIE Lab and OKLCH for modern CSS and color work. Type or paste any of them, or a CSS name such as tomato, or use the color picker. Each value has a copy button, and the nearest CSS color name is shown too.
How to use Color Converter
- 1
Enter a color
Type or paste it in any format, or pick it with the color picker.
- 2
Read the results
See it in every format, with the nearest CSS name.
- 3
Copy what you need
Copy any value with one click.
What it does
- Every common format
- HEX, RGB, HSL, HSV, CMYK, CIE Lab and OKLCH.
- Understands what you paste
- With or without #, commas or spaces, and CSS names.
- Transparency kept
- Alpha values carry across formats.
Questions
How do I convert HEX to RGB?
Paste the HEX code, such as #3366CC, and read the RGB line: rgb(51 102 204). Every other format is shown at the same time.
Is the CMYK value exact for printing?
It's a standard conversion without a printer profile, so it's a good starting point. A print shop may give slightly different values for their press.
What is OKLCH?
A newer way to write colors in CSS, based on how bright and colorful a color looks to people. It's useful for building even color scales.
Does it need an internet connection?
Only to open the page. Everything is calculated on your device, and nothing you type is sent anywhere.