PantoneTools

HSV naar HSL

Converteer HSV-kleurwaarden naar HSL voor veelzijdige kleurmanipulatie in ontwerpsystemen

Transformeer tussen intuïtieve kleurmodellen voor verbeterde ontwerpflexibiliteit

Kleurconverter

HSV Input

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

Klik op kleurstalen voor voorbeelden

HSL Output

hsl(0°, 100%, 50%)

HSL Values

Tint

0-360° color wheel position

Verzadiging 100%

0-100% color intensity

Lichtheid 50%

0-100% brightness

hsl(0°, 100%, 50%)

Extra formaten

HSV Value

hsv(0°, 100%, 100%)

RGB Value

rgb(255, 0, 0)

CSS-gebruik

color: hsl(0°, 100%, 50%);
background-color: hsl(0°, 100%, 50%);

Conversie-inzicht

Dit levendige rood behoudt de volledige verzadiging in beide kleurmodellen, maar toont verschillende helderheidsmetingen, wat het belangrijkste verschil tussen Value (HSV) en Lightness (HSL) aantoont.

Conversievoorbeelden

Levendig rood

HSV 0°, 100%, 100%
HSL 0°, 100%, 50%
Verschil Lichtheid = 50% van de waarde

Bosgroen

HSV 120°, 75%, 55%
HSL 120°, 60%, 35%
Verschil Aangepast voor lichtheidsschaal

Koningsblauw

HSV 220°, 75%, 88%
HSL 220°, 70%, 55%
Verschil Lichtheid in evenwicht voor perceptie

Zacht roze

HSV 340°, 40%, 95%
HSL 340°, 70%, 80%
Verschil Verzadiging verhoogd in HSL

Gedempt paars

HSV 270°, 30%, 70%
HSL 270°, 30%, 60%
Verschil Lichtheid naar beneden bijgesteld

Grijstint

HSV 0°, 0%, 50%
HSL 0°, 0%, 50%
Verschil Identiek voor grijstinten

Aanbevolen hulpmiddelen

Over deze tool

Deze HSV naar HSL-converter zorgt voor een naadloze overgang tussen twee intuïtieve kleurmodellen, elk met specifieke voordelen voor verschillende ontwerptaken en workflows.

HSV (Hue, Saturation, Value) represents colors based on human perception, with Value controlling the brightness from black to full color. This makes it particularly intuitive for tasks like adjusting lightness while preserving chromatic intensity, common in interface design.

HSL (Hue, Saturation, Lightness) structures color around perceived lightness, with Lightness ranging from black through the pure color to white. This model excels at creating consistent color scales and harmonies, as equal increments in lightness produce perceptually consistent steps.

Hoewel beide modellen de componenten Tint en Verzadiging delen, zorgt hun behandeling van helderheid (Waarde versus Lichtheid) voor fundamenteel verschillend gedrag. Deze converter gebruikt nauwkeurige wiskundige algoritmen om tussen deze modellen te vertalen met behoud van visuele consistentie, waardoor ontwerpers de sterke punten van elk model in hun workflow kunnen benutten.

Veelgestelde vragen