• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to secondary sidebar

RGB-HEX

Convert RGB and HEX Colors to different formats

  • RGB Converters ↓
    • RGB to HEX
    • RGB to CMYK
    • RGB to HSV
    • RGB to HSL
  • HEX Converters ↓
    • HEX to RGB
    • HEX to CMYK
    • HEX to HSV
    • HEX to HSL
  • CMYK Converters ↓
    • CMYK to RGB
    • CMYK to HEX
    • CMYK to HSV
    • CMYK to HSL
  • Color Codes
  • Random Color Generator

CMYK to HSL

How to Manually Convert CMYK to HSL?

Converting CMYK to HSL involves a series of steps to accurately represent colors in terms of their Hue, Saturation, and Lightness. Below is the manual calculation for this conversion:

Normalization of CMYK Values

Before proceeding with the conversion, normalize the CMYK values by dividing each component by 100:

C* = C/100

M* = M/100

Y* = Y/100

K* = K/100

Example: Let's consider the CMYK values:

  • Cyan (C) = 50%
  • Magenta (M) = 60%
  • Yellow (Y) = 30%
  • Black (K) = 10%

Interpreting Formula:

  • C* = 50 / 100 = 0.5
  • M* = 60 / 100 = 0.6
  • Y* = 30 / 100 = 0.3
  • K* = 10 / 100 = 0.1

Conversion to RGB

Once normalized, convert the CMYK values to RGB using the following formulas:

R = 255 × (1 - C*) × (1 - K*)

G = 255 × (1 - M*) × (1 - K*)

B = 255 × (1 - Y*) × (1 - K*)

Interpreting Formula:

  • R = 255 × (1 - 0.5) × (1 - 0.1) = 114.75 ≈ 115
  • G = 255 × (1 - 0.6) × (1 - 0.1) = 91.8 ≈ 92
  • B = 255 × (1 - 0.3) × (1 - 0.1) = 160.65 ≈ 161

Conversion to HSL

With the RGB values obtained, convert them to HSL using the following steps:

Hue (H): It is calculated based on the relative positions of the normalized RGB values.

Saturation (S): It is calculated based on the lightness and the range between the maximum and minimum RGB values.

Lightness (L): It is calculated as the average of the maximum and minimum RGB values.

To understand its detailed conversion, check our RGB to HSL conversion tool.

Interpreting Formula:

After normalizing the RGB-obtained values and utilizing formulas, here’s the final result:

  • H: 260°
  • S: 27%
  • L: 50%

Examples to Convert CMYK to HSL with Formula without Tool

Example 1:

CMYK Values: (40%, 20%, 0%, 10%)

HSL Values: (210°, 64%, 72%)

Color Representation: A shade of blue with little pinch of green.

Example 2:

CMYK Values: (10%, 60%, 60%, 10%)

HSL Values: (0°, 54%, 59%)

Color Representation: A muted shade of red-orange.

Example 3:

CMYK Values: (100%, 0%, 100%, 0%)

HSL Values: (120°, 100%, 50%)

Color Representation: A vibrant shade of green.

Example 4:

CMYK Values: (50%, 30%, 50%, 30%)

HSL Values: (120°, 17%, 42%)

Color Representation: A deep shade of blue.

Example 5:

CMYK Values: (0%, 100%, 50%, 0%)

HSL Values: (330°, 100%, 50%)

Color Representation: A shade of pink, often referred to as "fuchsia" or "hot pink."

Primary Sidebar

Check Color Shades

Secondary Sidebar

Just Launched

  • Random Color Generator

RGB Converters

  • RGB to Hex
  • RGB to CMYK
  • RGB to HSL
  • RGB to HSV

HEX Converters

  • HEX to RGB
  • HEX to CMYK
  • HEX to HSL
  • HEX to HSV

About Us · Privacy Policy · Terms of Use · Contact Us
Copyright rgb-hex © 2025