Konvertera HSL till HEX
Konvertera HSL till HEX i realtid medan du skriver – gratis, direkt och med praktiska exempel samt en färgtabell.
Skriv ett HSL-värde och se HEX-värdet under det, eller välj en färg från färgväljaren.
Praktiskt exempel
HSL 11, 100%, 60% = HEX #ff5733
Hur konverteringen fungerar
- En HEX-kod är samma tre RGB-kanaler skrivna i bas-16: två tecken per kanal, från 00 (0) till ff (255).
- HSL beskriver samma färg med färgton (hue, 0–360° på färgcirkeln), mättnad (saturation) och ljusstyrka (lightness) – smidigt när du vill göra en färg mörkare eller mindre mättad genom att bara ändra en komponent.
Vanliga färger i HSL och HEX
| Färg | HSL | HEX |
|---|---|---|
| Röd | 0, 100%, 50% | #ff0000 |
| Orange | 39, 100%, 50% | #ffa500 |
| Gul | 60, 100%, 50% | #ffff00 |
| Grön | 120, 100%, 25% | #008000 |
| Cyan | 180, 100%, 50% | #00ffff |
| Blå | 240, 100%, 50% | #0000ff |
| Lila | 300, 100%, 25% | #800080 |
| Rosa | 350, 100%, 88% | #ffc0cb |
| Brun | 0, 59%, 41% | #a52a2a |
| Vit | 0, 0%, 100% | #ffffff |
| Grå | 0, 0%, 50% | #808080 |
| Svart | 0, 0%, 0% | #000000 |
Varje konvertering sker i din webbläsare. Inget av det du skriver in laddas upp till BroBroGo.
Vanliga frågor
Hur konverterar jag HSL till HEX?
Skriv eller klistra in ditt HSL-värde ovan – HEX-värdet uppdateras direkt. Du kan också välja färg visuellt med färgväljaren.
Är konverteringen exakt?
Värdena avrundas till heltal, vilket är det format som CSS och designverktyg förväntar sig. Skillnaden är långt under vad det mänskliga ögat kan uppfatta.