G
GamutDesk

HSL to RGB Technical Converter

Transform cylindrical HSL components (C, X, m) into decimal RGB channels with detailed intermediate variable inspection.

100% Client-SideZero Data Collection
HSL Cylindrical Input Coordinates
Hue (0° - 360°)
Saturation (0% - 100%)
Lightness (0% - 100%)
Chroma (C)0.780
Factor (X)0.247
Baseline (m)0.140
Generated RGB
rgb(36, 99, 235)
CSS RGB String
rgb(36, 99, 235)
Red (R)36
Green (G)99
Blue (B)235

Technical Specification & Mathematical Principles

Chroma is calculated as C = (1 - |2L - 1|) * S, followed by secondary component X = C * (1 - |(H / 60) mod 2 - 1|) and lightness baseline m = L - C / 2.

The resulting piecewise vectors (R', G', B') are translated by m and multiplied by 255 to yield physical screen channel bytes.

Frequently Asked Questions

C represents chroma (colorfulness). X represents the intermediate secondary color component along the piecewise hexcone face, and m represents the lightness matching offset added to all three channels.

Related Design & Color Instruments

HEX to RGB Converter

Convert hexadecimal web color strings (#RRGGBB) to decimal integer rgb(r, g, b) tuples instantly.

Open Tool

RGB to HEX Converter

Convert decimal RGB integer components (0-255) to uppercase 6-digit padded hexadecimal strings.

Open Tool

HEX to HSL Converter

Convert hex color codes into cylindrical coordinates: Hue degrees (0-360), Saturation %, and Lightness %.

Open Tool

HSL to HEX Converter

Transform cylindrical HSL coordinates into standardized 6-digit hexadecimal web color strings.

Open Tool