» Color Converter


Color converter for HEX, RGB, RGBA, HSL, HSLA, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ, and CSS color names. Convert color codes live, copy ready-to-use values, and check exact CSS output in one place.

Use this color converter to switch instantly between HEX, RGB, RGBA, HSL, HSV/HSB, CMYK, LAB, LCH, OKLAB, OKLCH, XYZ, and CSS color names. Enter any supported format, adjust values with sliders, and copy the converted result you need for CSS, design systems, print workflows, or color analysis.

The converter updates all outputs live, shows the selected color clearly, and supports reverse calculations from every input mode. That makes it useful for tasks like HEX to RGB, RGB to HEX, checking HSL or CMYK values, or comparing modern perceptual formats such as OKLCH and OKLAB.

Initial Data

Pick any format, enter values, and all matching color codes update live.

Input format
Choose the format you want to edit directly.
Supports #RGB, #RGBA, #RRGGBB, and #RRGGBBAA.
Examples: tomato, rebeccapurple, royalblue, lightseagreen.
Enter red, green, and blue values from 0 to 255.
Use alpha from 0 to 1 for transparency.
Adjust hue, saturation, and lightness for CSS-friendly editing.
HSLA adds alpha transparency to HSL.
HSV is useful when you want to think in hue, saturation, and brightness.
CMYK is mainly used for print-oriented color values.
LAB is perceptual and can produce out-of-gamut screen colors.
LCH separates lightness, chroma, and hue for perceptual editing.
OKLAB is a modern perceptual space for UI and palette work.
OKLCH makes perceptual hue and chroma adjustments easier.
XYZ is a reference color space often used for conversions.

Fig. 1 Color converter


HEX #3366CC
RGB rgb(51, 102, 204)
CMYK cmyk(75%, 50%, 0%, 20%)
Color mode lets you adjust hue, saturation, and lightness.

Result

Converted color values

Most used formats

More formats

Color Converter FAQs

What is a color converter?
A color converter takes one color format, such as #3366cc or rgb(51, 102, 204), and calculates matching values in other formats like HSL, CMYK, LAB, or OKLCH.

How do I convert HEX to RGB?
Choose the HEX input mode, enter a valid hex code such as #ff6600, and the converter will show the matching RGB, HSL, CMYK, and other values automatically.

How do I convert RGB to HEX?
Choose the RGB mode, enter the red, green, and blue channel values, and copy the generated HEX result. This is the standard RGB to HEX workflow for web colors.

What is HSL?
HSL stands for hue, saturation, and lightness. It describes a color by its angle on the color wheel plus how vivid and how light or dark it appears, which is often easier to adjust by eye than raw RGB values.

What is CMYK used for?
CMYK is mainly used in print workflows because it expresses a color as cyan, magenta, yellow, and key (black) ink coverage. It is useful when preparing artwork for printers, packaging, or press production.

What is OKLCH?
OKLCH is a perceptual color format derived from OKLAB. It separates lightness, chroma, and hue in a way that is often more uniform to human vision, which makes it useful for modern UI palettes and design systems.

Are conversions exact?
Conversions inside the same color space can be exact or very close, but some formats use different models or reference spaces. Values like CMYK, LAB, LCH, and OKLCH may involve rounding or gamut clipping when converted back to display-safe sRGB.

Can I use the results in CSS?
Yes. The generated HEX, RGB, RGBA, HSL, HSLA, and exact CSS color-name outputs are ready to paste into CSS custom properties, inline styles, and design tokens.


Stainless Steel Grill Tongs
The Grill Master’s Secret Weapon
Level up your BBQ game with tools that make you look and feel like a pro.
Shop on Amazon