## 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."