1. Indtast en værdi
Skriv et tal i inputfeltet.
Konverter RGB til HSL
Denne konverter konverterer øjeblikkeligt. Indtast en værdi, og resultatet vises med det samme.
Loading tool editor...
Hvornår skal man omregne RGB til HSL?
HSL (Nuance, Mætning, Lyshed) er en mere intuitiv farverepresentation. Nuance = farvevinkel (0–360°), Mætning = intensitet (0–100%), Lyshed = lys/mørk (0–100%).
Alle beregninger kører lokalt i din browser.
Hvordan bruger man omregneren?
2. Læs resultatet
Resultatet vises øjeblikkeligt.3. Kopiér eller vend
Kopiér resultatet eller vend omregningsretningen.
Hvornår er denne omregner nyttig?
CSS-manipulation
HSL gør hover nemmere: mørkne ved at sænke L, afmætte ved at sænke S.Designsystemer
Konsistente farveskalaer via lyshedsvariation.Farveteori
HSL svarer til farvecirklen. Komplementær = H+180°.Tilgængelighed
HSL-lyshed hjælper med at sikre tilstrækkelig kontrast.
Hvad adskiller denne omregner?
Fuld privatliv
Alle beregninger kører lokalt i din browser.Realtidsresultater
Resultatet opdateres mens du skriver.Tovejsomregning
Omregn begge veje med ét klik.Referencetabel
Tabel med almindelige værdier og kontekstbeskrivelser.
Hvordan fungerer omregningen?
Normaliser RGB til 0–1. Find max og min. L = (max + min) / 2.
HSL er fuldt reversibel — tilbage til RGB giver præcis samme farve.
Hvordan fungerer omregningen?
Normaliser RGB til 0–1. Find max og min. L = (max + min) / 2.
HSL er fuldt reversibel — tilbage til RGB giver præcis samme farve.
RGB vs HSL
| Egenskab | RGB | HSL |
|---|---|---|
| Model | Additive kanaler | Nuance/Mætning/Lyshed |
| Værdier | 0–255 pr. kanal | H: 0–360°, S/L: 0–100% |
| Intuitiv | Svær at forudsige | Nem at justere |
| Farveteori | Ikke cirkelbaseret | Svarer til farvecirklen |
| CSS | rgb(R, G, B) | hsl(H, S%, L%) |
RGB
- Model
Additive kanaler - Værdier
0–255 pr. kanal - Intuitiv
Svær at forudsige - Farveteori
Ikke cirkelbaseret - CSS
rgb(R, G, B)
HSL
- Model
Nuance/Mætning/Lyshed - Værdier
H: 0–360°, S/L: 0–100% - Intuitiv
Nem at justere - Farveteori
Svarer til farvecirklen - CSS
hsl(H, S%, L%)
Konverter RGB til andre enheder
Udforsk andre enhedskonvertere
Ofte stillede spørgsmål
Hjælp os med at forbedre vores værktøjer
Har du en idé, fundet en fejl eller vil foreslå en funktion? Skriv til os – vi svarer inden for 24 timer.