HSL naar HSV converter
Zet kleurtoon, verzadiging en lichtheid om naar kleurtoon, verzadiging en waarde (HSB) voor grafische software.
hsl-invoer
Resultaat · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Zo werkt het: HSL naar HSV
- 1
Voer een kleur in
Typ een kleurcode of kies een kleur met de kleurkiezer — elk veld accepteert het formaat dat erbij staat.
- 2
Bekijk de conversie
Het resultaat wordt direct bijgewerkt terwijl je typt, samen met een live voorbeeld van de kleur.
- 3
Kopieer de code
Kopieer de gewenste waarde met één klik en plak hem in je ontwerp, CSS of afdrukinstellingen.
HSL en HSV vergeleken
HSL en HSV beginnen allebei met de kleurtoon, een hoek op het kleurenwiel, en beschrijven de rest van de kleur allebei met twee percentages — maar die percentages betekenen iets anders. In HSL is lichtheid 50% de zuivere kleur en 100% altijd wit. In HSV, ook HSB genoemd, is waarde 100% de helderste versie van de kleurtoon, en wit is waarde 100% met verzadiging 0%. Ook de verzadiging wordt anders berekend, dus de getallen kun je niet zomaar overnemen.
Daarom moet een kleur die in CSS als hsl(120, 100%, 25%) is geschreven — de CSS-kleur Green — in een HSV-kleurkiezer worden ingevoerd als hsv(120, 100%, 50%). Gebruik deze converter als je kleuren uit webcode overzet naar Photoshop, Figma, Blender of beeldverwerkingscode die met HSV werkt. De kleurtoon blijft gelijk; alleen de verzadiging en de derde waarde veranderen.
Alles draait lokaal in je browser — je afbeeldingen worden nooit naar een server geüpload.