PantoneTools

HSL to RGB

Convert HSL color values to RGB with precision, essential for digital design and development

Color Converter

HSL Input

180° 360°
100%
0% 50% 100%
50%
0% 50% 100%

Click color swatches for examples

RGB Output

RGB Values

Red 255

0-255 intensity

Green 0

0-255 intensity

Blue 0

0-255 intensity

rgb(255, 0, 0)

Other Formats

HSL Value

hsl(0°, 100%, 50%)

HEX Value

#FF0000

Conversion Examples

Red

HSL: 0°, 100%, 50%

RGB: (255, 0, 0)

Green

HSL: 120°, 100%, 50%

RGB: (0, 255, 0)

Blue

HSL: 240°, 100%, 50%

RGB: (0, 0, 255)

Yellow

HSL: 60°, 100%, 50%

RGB: (255, 255, 0)

Magenta

HSL: 300°, 100%, 50%

RGB: (255, 0, 255)

Cyan

HSL: 180°, 100%, 50%

RGB: (0, 255, 255)

Recommended Tools

About This Tool

Our HSL to RGB converter provides precise conversion between these two essential color models used in digital design, development, and graphics processing.

HSL (Hue, Saturation, Lightness) is a user-centric color model that aligns with human perception of color. It simplifies color manipulation by separating the color's identity (hue), its intensity (saturation), and its brightness (lightness), making it ideal for design systems and color theme creation.

RGB (Red, Green, Blue) is a device-centric color model that represents colors as combinations of red, green, and blue light. It's the fundamental color model for digital displays, monitors, cameras, and most digital imaging systems, as these devices emit light in these three primary colors.

This conversion tool bridges the gap between intuitive color design (HSL) and technical implementation (RGB). The mathematical conversion ensures accurate color representation, maintaining consistency between design tools that use HSL and development environments that require RGB values.

Frequently Asked Questions