Color Converter - HEX, RGB, HSL, HSV and CMYK Codes

Color Converter for HEX, RGB, HSL, and CMYK

This color converter changes a color from one format to another in real time, so you can move a single value between HEX, RGB, HSL, HSV, and CMYK without doing the math yourself. Type a code, watch the result update with each keystroke, and copy it in one click.

It is built for web developers matching CSS color formats, designers moving colors between tools, and print professionals who need screen colors turned into print-ready CMYK. If you regularly read HEX codes from a design file or RGB values from CSS, this keeps every format one tab away.

Private by design: every conversion runs in your browser. Your color values are never uploaded to a server or stored anywhere, and the tool keeps working after the page has loaded.

How to Convert a Color

Choose a conversion

Pick the conversion you need from the tabs: HEX → RGB, RGB → HEX, HEX → HSL, HSL → HEX, RGB → HSL, or RGB → CMYK.

Enter your color value

Type the value in the input field. HEX works with or without the # and accepts 3-character shorthand; RGB and HSL accept either comma-separated numbers or the full rgb(...) / hsl(...) wrapper.

Or pick a color visually

Click the large color preview to open the color picker. Choose any color and the input fills itself in the correct format for the active tab, then converts instantly.

Copy the result

Click the copy button next to the output to send the converted value to your clipboard. Open All Formats to see HEX, RGB, HSL, HSV, and CMYK at once, each with its own copy button.

Features

Instant Conversion

Colors convert in real time as you type. The output updates on every keystroke with no button to press.

Live Color Preview

A large preview square updates instantly with a dynamic shadow tinted to match the color you entered.

Visual Color Picker

Don't know the code? Click the preview to open a picker and the input fills in the right format automatically.

All Formats at Once

Expand All Formats to see your color in HEX, RGB, HSL, HSV, and CMYK side by side, each with a copy button.

One-Click Copy

Every output has a copy button. One click sends the value to your clipboard with a confirmation toast.

Input Validation

Invalid values are flagged with a clear message and the input highlights in red until the format is correct.

Flexible Input Formats

Accepts HEX with or without #, 3-character shorthand HEX, and RGB or HSL as raw numbers or wrapped in rgb() / hsl().

Responsive Design

The converter works on any device and switches to a vertical layout on smaller screens for easier use.

Frequently Asked Questions

How do I convert HEX to RGB?

Open the HEX → RGB tab and type your hex code, such as #3B82F6 (the # is optional and 3-character shorthand like #FFF works too). The RGB value appears instantly and a copy button puts it on your clipboard.

How do I convert RGB to HEX?

Use the RGB → HEX tab and enter your values as 59, 130, 246 or rgb(59, 130, 246). The matching hex code is generated as you type. RGB and HEX describe the same screen colors, so there is no color loss in either direction.

What is the difference between RGB and CMYK?

RGB is an additive model for screens that mixes red, green, and blue light. CMYK is a subtractive model for printing that uses cyan, magenta, yellow, and key (black) ink. CMYK has a smaller color range, so some bright on-screen colors cannot be reproduced exactly in print.

How do I convert a color to CMYK for print?

Open the RGB → CMYK tab and enter your RGB values (or pick a color visually). The tool returns CMYK percentages you can hand to a print job. Because CMYK is a smaller gamut, treat the result as a close starting point and confirm critical colors with your printer.

What is HSL color and when should I use it?

HSL stands for Hue, Saturation, and Lightness, and it is more intuitive than RGB for adjusting a color. To make a color lighter, darker, or more vivid you change one value rather than juggling three, which is handy for building tints, shades, and themes. Use the HEX → HSL or RGB → HSL tab to get HSL values.

Can I convert CMYK back to RGB?

This tool converts from RGB to CMYK rather than the reverse. To work backwards, use the RGB → HEX tab to find your RGB or HEX value, or reach for a dedicated CMYK-to-RGB tool when you need that exact direction.

Is my data saved or sent anywhere?

No. Every conversion happens directly in your browser. Your color values are never sent to a server or stored, and the tool keeps working offline once the page has loaded.