HSL naar HEX Converter
Converteer HSL naar HEX terwijl je typt — gratis, direct, met een uitgewerkt voorbeeld en een tabel met veelvoorkomende kleuren.
Typ een HSL-waarde en lees de HEX-waarde eronder af, of kies een kleur met de kleurenkiezer.
Uitgewerkt voorbeeld
HSL 11, 100%, 60% = HEX #ff5733
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 HSL en HEX
| Kleur | HSL | HEX |
|---|---|---|
| Rood | 0, 100%, 50% | #ff0000 |
| Oranje | 39, 100%, 50% | #ffa500 |
| Geel | 60, 100%, 50% | #ffff00 |
| Groen | 120, 100%, 25% | #008000 |
| Cyaan | 180, 100%, 50% | #00ffff |
| Blauw | 240, 100%, 50% | #0000ff |
| Paars | 300, 100%, 25% | #800080 |
| Roze | 350, 100%, 88% | #ffc0cb |
| Bruin | 0, 59%, 41% | #a52a2a |
| Wit | 0, 0%, 100% | #ffffff |
| Grijs | 0, 0%, 50% | #808080 |
| Zwart | 0, 0%, 0% | #000000 |
Elke conversie wordt in je browser uitgevoerd. Niets van wat je invoert, wordt geüpload naar BroBroGo.
Veelgestelde vragen
Hoe converteer ik HSL naar HEX?
Typ of plak je HSL-waarde hierboven — de HEX-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.