HEX til HSL

HEX
Inndata
HSL
Resultat
H
S%
L%
RGB
R
G
B

Hva er HEX til HSL

Denne omregneren gjør HEX-fargekoder om til HSL-verdier (fargetone, metning, lyshet). HSL er lettere å justere enn HEX — endre lysheten uten å påvirke fargetonen. Konverteringen skjer direkte med forhåndsvisning.

Slik bruker du det

  1. Skriv eller lim inn HEX-koden.
  2. Se HSL-verdien og fargeprøven umiddelbart.
  3. Kopier hsl()-verdien til CSS-en din.

Når du bør bruke det

Nyttig når du bygger CSS-temaer der farger skal varieres systematisk, lager lysere og mørkere varianter av en merkevarefarge, eller vil forstå en farge i mer intuitive termer enn hex-sifre.

Ofte stilte spørsmål

Hva er HSL, og hvorfor bruke det i stedet for HEX?

HSL (Hue, Saturation, Lightness — fargetone, metning, lyshet) beskriver farge i intuitive termer. Fargetone er posisjonen på fargehjulet (0–360°), metning er fargeintensitet (0–100 %) og lyshet er lysstyrke (0–100 %). Det er mye enklere å lage fargevariasjoner i HSL enn i HEX.

Hva er #FF0000 i HSL?

Ren rød #FF0000 er hsl(0, 100%, 50%). Fargetone 0° er rødt på fargehjulet, 100 % metning betyr fullt mettet, og 50 % lyshet er den rene fargen.

Støtter CSS HSL-farger?

Ja. Moderne CSS har full støtte for hsl()- og hsla()-notasjon. For eksempel: color: hsl(217, 91%, 60%); og background: hsla(217, 91%, 60%, 0.5);

Hva er #000000 i HSL?

Svart (#000000) er hsl(0, 0%, 0%). Lyshet på 0 % gir ren svart uansett fargetone eller metning.

Kan jeg dele verktøyet med verdiene mine fylt ut?

Ja. Nettadressen oppdateres automatisk mens du skriver. Kopier den fra adressefeltet eller bruk Del-knappen — den som åpner lenken ser nøyaktig dine verdier klare til bruk.

Relaterte verktøy