HEX naar HSL Converter
Converteer HEX naar HSL terwijl je typt — gratis, direct, met een uitgewerkt voorbeeld en een tabel met veelvoorkomende kleuren.
Typ een HEX-waarde en lees de HSL-waarde eronder af, of kies een kleur met de kleurenkiezer.
Uitgewerkt voorbeeld
HEX #ff5733 = HSL 11, 100%, 60%
Hoe de conversie werkt
- Een HEX-code bestaat uit dezelfde drie RGB-kanalen, maar dan geschreven in het hexadecimale stelsel (grondtal 16): twee tekens per kanaal, van 00 (0) tot ff (255).
- HSL beschrijft dezelfde kleur op basis van tint (hue, 0–360° op de kleurencirkel), verzadiging (saturation) en lichtheid (lightness) — handig om een kleur donkerder of minder verzadigd te maken door slechts één waarde aan te passen.
Veelvoorkomende kleuren in HEX en HSL
| Kleur | HEX | HSL |
|---|---|---|
| Rood | #ff0000 | 0, 100%, 50% |
| Oranje | #ffa500 | 39, 100%, 50% |
| Geel | #ffff00 | 60, 100%, 50% |
| Groen | #008000 | 120, 100%, 25% |
| Cyaan | #00ffff | 180, 100%, 50% |
| Blauw | #0000ff | 240, 100%, 50% |
| Paars | #800080 | 300, 100%, 25% |
| Roze | #ffc0cb | 350, 100%, 88% |
| Bruin | #a52a2a | 0, 59%, 41% |
| Wit | #ffffff | 0, 0%, 100% |
| Grijs | #808080 | 0, 0%, 50% |
| Zwart | #000000 | 0, 0%, 0% |
Elke conversie wordt in je browser uitgevoerd. Niets van wat je invoert, wordt geüpload naar BroBroGo.
Veelgestelde vragen
Hoe converteer ik HEX naar HSL?
Typ of plak je HEX-waarde hierboven — de HSL-waarde wordt direct bijgewerkt tijdens het typen. Je kunt de kleur ook visueel selecteren met de kleurenkiezer.
Is de conversie exact?
Waarden worden afgerond op hele getallen, zoals CSS en ontwerptools dat verwachten. Het verschil is veel te klein om met het blote oog te kunnen waarnemen.