How do I convert HEX to RGB?

Enter the HEX code (e.g. #2563eb) with the HEX tab selected. The RGB value (e.g. rgb(37, 99, 235)) appears on the right.

How do I convert RGB to HSL?

Select the RGB tab, enter r, g, b values, and the HSL equivalent appears instantly.

What is the difference between HSL and HSV?

Both describe colors with Hue and Saturation. HSL uses Lightness (pure hue at 50%), while HSV uses Value (pure hue at 100%). HSL is the CSS standard; HSV is used in many design applications.

Can I convert CMYK to HEX?

Yes. Select the CMYK tab, enter your C/M/Y/K percentages, and get the HEX, RGB, and HSL equivalents.

Are the conversions mathematically exact?

Yes for HEX↔RGB (exact integer conversion). HSL, HSV, and CMYK involve rounding to whole numbers which introduces minor rounding differences, but values are accurate to the nearest integer.

Color Converter — HEX to RGB, HSL, HSV, CMYK | Toolivon

Color Converter — HEX, RGB, HSL, HSV, CMYK

Convert any color between all major formats instantly. One input, all outputs.

Input Format

HEX

All Formats

HEX#2563EB

RGBrgb(37, 99, 235)

HSLhsl(221, 83%, 53%)

HSVhsv(221, 84%, 92%)

CMYKcmyk(84%, 58%, 0%, 8%)

Related Color Tools

View all →

Color Picker

Popular

Pick any color and instantly get its HEX, RGB, HSL, and CMYK values

Palette Generator

Popular

Generate beautiful multi-color palettes from a single seed color

Gradient Generator

Popular

Create CSS linear, radial, and conic gradients with live preview and code output

Image Color Extractor

Popular

Upload an image and extract its dominant colors as a palette

How to Convert Color Formats

1
Select your input format
Click the format tab matching your source: HEX, RGB, HSL, HSV, or CMYK.
2
Enter the color value
Type your color values into the fields. HEX accepts a full 6-digit code. RGB/HSL/HSV/CMYK accept numeric values.
3
View all conversions
The right panel instantly shows the equivalent in all five formats.
4
Copy any format
Click the copy button next to any format value to copy it to your clipboard.

Frequently Asked Questions

Loading color tools…