Over deze tool
Converteer HSL-kleurwaarden (Hue, Saturation, Lightness) naar hexadecimale codes. HSL is een intuïtief kleurmodel waarbij Tint de kleurhoek is (0-360°), Verzadiging de kleurintensiteit (0-100%) en Lichtheid bepaalt hoe licht of donker de kleur is (0-100%). Handig voor ontwerpers die in HSL werken en hexadecimale codes nodig hebben voor CSS.
Veelgestelde vragen
- Waarom HSL gebruiken in plaats van hex of RGB?
- HSL is intuïtiever voor mensen. Wil je een donkerdere tint? Verminder de lichtheid. Wil je een gedempte versie? Verzadiging verminderen. Deze relaties zijn niet duidelijk in hex of RGB, waarbij je alle drie de kanalen zou moeten aanpassen.
- Wat betekent een tint van 0 versus 360?
- Zowel 0° als 360° zijn rood: het tintwiel draait rond. Belangrijkste tinten: 0° = rood, 60° = geel, 120° = groen, 180° = cyaan, 240° = blauw, 300° = magenta.
- Wat gebeurt er bij 0% en 100% verzadiging?
- Bij een verzadiging van 0% wordt elke tint een grijstint (alleen bepaald door de lichtheid). Bij 100% verzadiging krijg je de puurste, meest levendige versie van die tint.
- Hoe werkt lichtheid?
- 0% lichtheid is altijd zwart, ongeacht de tint/verzadiging. 100% is altijd wit. 50% geeft de pure, meest levendige versie van de kleur. Waarden tussen 0-50% zijn donkerdere tinten, 50-100% zijn lichtere tinten.