HSL naar HEX Omzetten
Wat is het HSL naar HEX Omzetten
Deze tool zet HSL-waarden (Hue, Saturation, Lightness) om naar HEX-kleurcodes. Voer de kleurtoon (0–360°), verzadiging (0–100%) en lichtheid (0–100%) in en krijg de bijbehorende HEX-code. Handig wanneer je een palet hebt ontworpen in een HSL-tool en de HEX-string nodig hebt voor een CSS-bestand of design-spec.
Hoe te gebruiken
- Voer de Hue (0–360), Saturation (0–100) en Lightness (0–100) in de HSL-velden in.
- De HEX-code en RGB-waarden worden direct bijgewerkt.
- Klik op de kopieerknop naast HEX om de #RRGGBB-code te kopiëren.
- Wissel tussen alle 6 kleuromzetters via de moduslinks bovenaan.
Wanneer te gebruiken
Koos je een kleur in een HSL-kiezer maar heeft je Tailwind-thema HEX nodig? Voer hsl(217, 91%, 60%) in en kopieer #3B82F6 direct in je tailwind.config.js. Het bespaart je het gokken van de omzetting wanneer je een kleur bijstelt en die aan CSS moet doorgeven.
Veelgestelde vragen
Wat is hsl(0, 100%, 50%) in HEX?
hsl(0, 100%, 50%) is #ff0000 — zuiver rood. Hue 0° met volle verzadiging en 50% lichtheid geeft het zuiverste rood.
Wat is hsl(0, 0%, 100%) in HEX?
hsl(0, 0%, 100%) is #ffffff — wit. 100% lichtheid is altijd wit, ongeacht kleurtoon of verzadiging.
Wat is hsl(0, 0%, 0%) in HEX?
hsl(0, 0%, 0%) is #000000 — zwart. 0% lichtheid is altijd zwart.
Waarom kan mijn HSL-naar-HEX-resultaat iets afwijken van andere tools?
Afronding in tussenberekeningen kan een verschil van 1 cijfer in HEX geven (bijv. #3B82F6 vs #3B82F7). Dit is een afrondingsverschil van ±1 en visueel niet waarneembaar. Onze omzetter gebruikt standaardafronding om dit te minimaliseren.
Kan ik deze tool delen met mijn ingevulde gegevens?
Ja. De URL wordt automatisch bijgewerkt terwijl je typt. Kopieer de link uit de adresbalk of gebruik de Deel-knop — iedereen die de link opent, ziet jouw gegevens al ingevuld.
Gerelateerde tools
HEX naar HSL Omzetten
Zet HEX-kleurcodes direct om naar HSL-waarden. Gratis HEX naar HSL omzetter met live voorbeeld. Perfect voor CSS custom properties en theming.
Beeldverhouding Berekenen
Bereken de beeldverhouding, vind de ontbrekende breedte of hoogte en schaal afbeeldingen en video zonder de verhoudingen te vervormen. Gratis.
Base64 Decoder
Decodeer Base64-strings direct naar platte tekst in je browser. Ondersteunt volledige Unicode-uitvoer inclusief emoji's. Gratis online Base64-decoder.