PantoneTools

HSL to HSV

Precise conversion between Hue-Saturation-Lightness and Hue-Saturation-Value color models

Hue, Saturation, Lightness - the intuitive color model for designers

HSL Input

100%
50%

HSV Output

HSL: 0°, 100%, 50% | #FF0000
100%
100%

HUE

0.0°

SATURATION

100.0%

VALUE

100.0%

Conversion Examples

HSL: 0°, 100%, 50%

Red

HSV: 0°, 100%, 100%

HSL: 120°, 100%, 50%

Green

HSV: 120°, 100%, 100%

HSL: 240°, 100%, 50%

Blue

HSV: 240°, 100%, 100%

HSL: 60°, 100%, 50%

Yellow

HSV: 60°, 100%, 100%

HSL: 0°, 0%, 50%

Gray

HSV: 0°, 0%, 50%

HSL: 30°, 70%, 70%

Pastel Orange

HSV: 30°, 43%, 93%

HSL: 210°, 60%, 40%

Navy

HSV: 210°, 75%, 65%

HSL: 330°, 40%, 80%

Pastel Pink

HSV: 330°, 27%, 96%

Recommended Tools

HSV to HSL Converter

Convert HSV color values back to HSL format

HEX to CMYK Converter

Convert hexadecimal colors to CMYK values

Color Palette Generator

Create harmonious color schemes from base colors

About This Tool

HSL (Hue, Saturation, Lightness) and HSV (Hue, Saturation, Value) are two closely related color models that represent colors in a way that's more intuitive for humans than RGB. Both use the same Hue scale (0-360°) but define their other parameters differently.

This converter precisely transforms colors between these models by maintaining the same hue while mathematically adjusting the saturation and brightness parameters. The conversion algorithm ensures that the visual appearance of the color remains consistent while adapting to the different definitions of saturation and brightness used by each model.

HSL is often preferred for UI design and digital interfaces due to its consistent lightness control, while HSV is commonly used in creative applications like photo editing. This tool helps bridge these workflows with professional-grade accuracy.

Frequently Asked Questions