1. Skriv inn en verdi
Tast inn et tall i inntastingsfeltet.
RGB til HSL
Denne kalkulatoren regner om umiddelbart. Skriv inn en verdi og resultatet vises med en gang.
Loading tool editor...
Når bør man omregne RGB til HSL?
HSL (Nyanse, Metning, Lyshet) er en mer intuitiv fargerepresentasjon. Nyanse = fargevinkel (0–360°), Metning = intensitet (0–100%), Lyshet = lys/mørk (0–100%).
Alle beregninger kjører lokalt i nettleseren din.
Hvordan bruker du omregneren?
2. Les resultatet
Resultatet vises umiddelbart.3. Kopier eller bytt
Kopier resultatet eller bytt omregningsretning.
Når er denne kalkulatoren nyttig?
Fargestyring
HSL gjør hover enklere: mørkere ved å senke L, avmette ved å senke S.Webutvikling
Konsistente fargeskalaer via lyshetsvariasjoner.Fargeteori
HSL tilsvarer fargesirkelen. Komplementær = H+180°.Tilgjengelighet
HSL-lyshet hjelper med å sikre tilstrekkelig kontrast.
Hva gjør denne omregneren spesiell?
Full personvern
Alle beregninger kjører lokalt i nettleseren din.Sanntidsresultater
Resultatet oppdateres mens du skriver.Toveis omregning
Omregn begge veier med ett klikk.Referansetabell
Tabell med vanlige verdier og kontekstbeskrivelser.
Hvordan fungerer omregningen?
Normaliser RGB til 0–1. Finn max og min. L = (max + min) / 2.
HSL er fullt reversibel — tilbake til RGB gir nøyaktig samme farge.
Hvordan fungerer omregningen?
Normaliser RGB til 0–1. Finn max og min. L = (max + min) / 2.
HSL er fullt reversibel — tilbake til RGB gir nøyaktig samme farge.
RGB vs HSL
| Egenskap | RGB | HSL |
|---|---|---|
| Modell | Additive kanaler | Nyanse/Metning/Lyshet |
| Verdier | 0–255 per kanal | H: 0–360°, S/L: 0–100% |
| Intuitiv | Vanskelig å forutse | Lett å justere |
| Fargeteori | Ikke sirkelbasert | Tilsvarer fargesirkelen |
| CSS | rgb(R, G, B) | hsl(H, S%, L%) |
RGB
- Modell
Additive kanaler - Verdier
0–255 per kanal - Intuitiv
Vanskelig å forutse - Fargeteori
Ikke sirkelbasert - CSS
rgb(R, G, B)
HSL
- Modell
Nyanse/Metning/Lyshet - Verdier
H: 0–360°, S/L: 0–100% - Intuitiv
Lett å justere - Fargeteori
Tilsvarer fargesirkelen - CSS
hsl(H, S%, L%)
Konverter RGB til andre enheter
Utforsk andre enhetskonverterere
Ofte stilte spørsmål
Hjelp oss å forbedre verktøyene våre
Har du en idé, funnet en feil eller vil foreslå en funksjon? Skriv til oss – vi svarer innen 24 timer.