RGB naar HSL Omzetten
Wat is het RGB naar HSL Omzetten
Deze tool zet RGB-waarden (Rood 0–255, Groen 0–255, Blauw 0–255) om naar HSL (Hue, Saturation, Lightness). HSL is intuïtiever voor kleurbewerking — het is veel makkelijker om lichtere of donkerdere versies van een kleur te maken door de lichtheid aan te passen dan door losse RGB-kanalen te wijzigen.
Hoe te gebruiken
- Voer de Rood-, Groen- en Blauw-waarden (0–255) in de RGB-velden in.
- HSL- en HEX-waarden worden direct bijgewerkt.
- Klik op de kopieerknop naast HSL om het formaat hsl(h, s%, l%) te kopiëren.
- Wissel tussen alle 6 omzetters via de moduslinks bovenaan.
Wanneer te gebruiken
Verplaats je een merkkleur van een oude stylesheet naar een HSL-gebaseerd designsysteem? Voer rgb(59, 130, 246) in en je krijgt hsl(217, 91%, 60%) terug. Daarvandaan verlaag je de lichtheid naar 55% voor een hover-status en 45% voor een active-status, allemaal zonder de kleurtoon aan te raken.
Veelgestelde vragen
Wat is rgb(255, 0, 0) in HSL?
rgb(255, 0, 0) is hsl(0, 100%, 50%) — zuiver rood. Hue 0° is rood, 100% verzadiging betekent volledig verzadigd, 50% lichtheid is de zuivere middentoon.
Wat is rgb(0, 0, 0) in HSL?
rgb(0, 0, 0) is hsl(0, 0%, 0%) — zwart. Nul lichtheid is altijd zwart.
Wat is rgb(255, 255, 255) in HSL?
rgb(255, 255, 255) is hsl(0, 0%, 100%) — wit. Maximale lichtheid is altijd wit.
Waarom is RGB naar HSL nuttig?
HSL maakt kleurverhoudingen zichtbaar. Bij rgb(59, 130, 246) zie je niet in één oogopslag hoe blauw of helder het is. Maar hsl(217, 91%, 60%) vertelt je meteen dat het blauw is (217° op de kleurencirkel), sterk verzadigd (91%) en middellicht (60%).
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
HSL naar RGB Omzetten
Zet HSL-kleurwaarden direct om naar RGB. Gratis HSL naar RGB omzetter met live voorbeeld. Zet hsl()-waarden om naar rgb() voor JavaScript, Canvas en designtools.
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.