1. Voer een waarde in
Typ een getal in het invoerveld.
RGB naar HSL
Deze converter rekent direct om. Voer een waarde in en het resultaat verschijnt onmiddellijk.
Loading tool editor...
Wanneer heb je nodig: RGB naar HSL?
HSL (Tint, Verzadiging, Lichtheid) is een intuïtievere kleurrepresentatie. Tint = kleurhoek (0–360°), Verzadiging = intensiteit (0–100%), Lichtheid = licht/donker (0–100%).
Alle berekeningen draaien lokaal in je browser.
Hoe gebruik je de omrekentool?
2. Lees het resultaat
Het resultaat verschijnt direct.3. Kopieer of wissel
Kopieer het resultaat of wissel de richting.
Wanneer is deze converter nuttig?
Kleurbeheer
HSL maakt hover makkelijker: donkerder door L te verlagen, ontverzadigen door S te verlagen.Webontwikkeling
Consistente kleurschalen via lichtheidsvariatie.Kleurtheorie
HSL komt overeen met het kleurenwiel. Complementair = H+180°.Toegankelijkheid
HSL-lichtheid helpt bij het waarborgen van voldoende contrast.
Wat maakt deze tool bijzonder?
Volledige privacy
Alle berekeningen draaien lokaal in je browser.Directe resultaten
Het resultaat wordt bijgewerkt terwijl je typt.Tweerichtingsomrekening
Wissel de richting met één klik.Referentietabel
Tabel met gangbare waarden en context.
Hoe werkt de omrekening?
Normaliseer RGB naar 0–1. Vind max en min. L = (max + min) / 2.
HSL is volledig omkeerbaar — terug naar RGB geeft exact dezelfde kleur.
Hoe werkt de omrekening?
Normaliseer RGB naar 0–1. Vind max en min. L = (max + min) / 2.
HSL is volledig omkeerbaar — terug naar RGB geeft exact dezelfde kleur.
RGB vs HSL
| Eigenschap | RGB | HSL |
|---|---|---|
| Model | Additieve kanalen | Tint/Verzadiging/Lichtheid |
| Waarden | 0–255 per kanaal | H: 0–360°, S/L: 0–100% |
| Intuïtief | Moeilijk te voorspellen | Makkelijk aan te passen |
| Kleurtheorie | Niet cirkelgebaseerd | Komt overeen met kleurenwiel |
| CSS | rgb(R, G, B) | hsl(H, S%, L%) |
RGB
- Model
Additieve kanalen - Waarden
0–255 per kanaal - Intuïtief
Moeilijk te voorspellen - Kleurtheorie
Niet cirkelgebaseerd - CSS
rgb(R, G, B)
HSL
- Model
Tint/Verzadiging/Lichtheid - Waarden
H: 0–360°, S/L: 0–100% - Intuïtief
Makkelijk aan te passen - Kleurtheorie
Komt overeen met kleurenwiel - CSS
hsl(H, S%, L%)
RGB naar andere eenheden converteren
Ontdek andere eenhedenconverters
Veelgestelde vragen
Help ons onze tools te verbeteren
Heeft u een idee, een bug gevonden of wilt u een functie voorstellen? Schrijf ons – we reageren binnen 24 uur.