HSL naar RGB converter
Voer kleurtoon, verzadiging en lichtheid in en krijg de bijbehorende rood-, groen- en blauwwaarden van 0 tot 255.
hsl-invoer
Resultaat · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Zo werkt het: HSL naar RGB
- 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.
Van HSL naar RGB
HSL is een prettige manier om kleuren te ontwerpen: je kiest een kleurtoon op het kleurenwiel (0° is rood, 120° groen, 240° blauw) en stelt daarna de verzadiging in — hoe levendig de kleur is — en de lichtheid, waarbij 0% zwart is, 50% de zuivere kleurtoon en 100% wit. Beeldschermen werken echter met RGB, de helderheid van hun rode, groene en blauwe subpixels, dus een HSL-kleur wordt altijd omgezet voordat hij wordt getoond.
Je hebt de RGB-waarden nodig als software geen HSL accepteert: veel grafische editors, kleur-API’s van Android en iOS, ledstrips, game-engines en grafiekbibliotheken verwachten drie kanaalgetallen. Typ de drie HSL-waarden en de tool toont het RGB-resultaat samen met HEX, HSV en CMYK. Zo geeft hsl(200, 80%, 40%) bijvoorbeeld rgb(20, 129, 184). Omdat HSL in hele getallen wordt ingevoerd, leveren naburige invoerwaarden soms dezelfde RGB-kleur op.
Alles draait lokaal in je browser — je afbeeldingen worden nooit naar een server geüpload.