Color Converter (HEX, RGB, HSL)

developer toolsAIR-GAPPED

Convert color codes between HEX, RGB, HSL, and CMYK with a visual color picker.

Pick or Enter HEX Color

Click the color square or type any HEX code to convert across formats.

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CMYK

cmyk(76%, 47%, 0%, 4%)

About Color Converter (HEX, RGB, HSL)

The OmniTools360 Color Converter turns a HEX color code into RGB, HSL, and CMYK values instantly. You can type a HEX code or pick a color with the color picker. Each value can be copied with one click for CSS, design, or print work.

How does the Color Converter (HEX, RGB, HSL) work?

The tool reads your 3-digit or 6-digit HEX code and splits it into red, green, and blue values from 0 to 255. It then calculates HSL (hue, saturation, lightness) and CMYK (cyan, magenta, yellow, black) from those RGB values, rounded to whole numbers.

Explanation

A HEX code has three pairs of base-16 digits: RR, GG, BB. Each pair becomes a number from 0 to 255 (first digit × 16 + second digit). For example, FF = 15×16+15 = 255. Short codes double each digit, so #F53 means #FF5533. CMYK uses K = 1 − max(R,G,B)/255, then C = (1 − R/255 − K)/(1 − K), and the same for M and Y.

How to use the Color Converter (HEX, RGB, HSL)

Type a HEX code into the Pick or Enter HEX Color box, or click the color square to pick a color.

Read the HEX, RGB, HSL, and CMYK values shown below.

Click the copy button next to the format you need.

Color Converter (HEX, RGB, HSL) examples

#FF5733 (orange-red)

RGB rgb(255, 87, 51), HSL hsl(11, 100%, 60%), CMYK cmyk(0%, 66%, 80%, 0%).

#3B82F6 (blue)

RGB rgb(59, 130, 246), HSL hsl(217, 91%, 60%).

#000000 (black)

RGB rgb(0, 0, 0), HSL hsl(0, 0%, 0%), CMYK cmyk(0%, 0%, 0%, 100%).

Frequently Asked Questions about Color Converter (HEX, RGB, HSL)

How do I convert HEX to RGB?

To convert HEX to RGB, split the 6-digit code into three pairs and change each pair from base 16 to base 10. For #FF5733, FF = 255, 57 = 87, and 33 = 51, so the result is rgb(255, 87, 51). This tool does the math instantly when you type the HEX code.

What is the difference between RGB and CMYK?

RGB is for screens and CMYK is for printing. RGB mixes red, green, and blue light, and adding more light makes colors brighter. CMYK mixes cyan, magenta, yellow, and black ink, and adding more ink makes colors darker. Some bright screen colors cannot be printed exactly in CMYK.

What does HSL mean in colors?

HSL means hue, saturation, and lightness. Hue is the color angle on a wheel from 0 to 360 degrees, where 0 is red, 120 is green, and 240 is blue. Saturation is how strong the color is, and lightness is how light or dark it is, both in percent.

What is a 3-digit HEX color code?

A 3-digit HEX code is a short form of a 6-digit code where each digit is doubled. For example, #F53 equals #FF5533 and #FFF equals #FFFFFF (white). It only works when both digits in each pair are the same. This tool accepts both 3-digit and 6-digit codes.

Is the CMYK value from a converter exact for printing?

No, a simple converter gives an approximate CMYK value, not an exact print match. Real printing depends on the printer, ink, paper, and color profile. This tool uses the standard basic formula, which is useful as a starting point. For professional print jobs, check colors with your printer's profile.