HSL til HEX

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

Hva er HSL til HEX

Denne omregneren gjør HSL-verdier (fargetone, metning, lyshet) om til HEX-koder — formatet som brukes overalt i CSS, design og merkevaremanualer. Forhåndsvisningen oppdateres mens du justerer.

Slik bruker du det

  1. Skriv inn HSL-verdiene eller lim inn hsl()-koden.
  2. Se HEX-koden og fargeprøven umiddelbart.
  3. Kopier HEX-koden med ett klikk.

Når du bør bruke det

Bruk den når du har justert en farge i HSL og trenger HEX-koden til CSS eller designverktøy, dokumenterer farger i en stilguide, eller deler farger med folk som forventer HEX.

Ofte stilte spørsmål

Hva er hsl(0, 100%, 50%) i HEX?

hsl(0, 100%, 50%) er #ff0000 — ren rød. Fargetone 0° med full metning og 50 % lyshet gir den reneste røde.

Hva er hsl(0, 0%, 100%) i HEX?

hsl(0, 0%, 100%) er #ffffff — hvit. 100 % lyshet er alltid hvit uansett fargetone eller metning.

Hva er hsl(0, 0%, 0%) i HEX?

hsl(0, 0%, 0%) er #000000 — svart. 0 % lyshet er alltid svart.

Hvorfor kan HSL til HEX-resultatet mitt avvike litt fra andre verktøy?

Avrunding i mellomliggende beregninger kan gi én sifferforskjell i HEX (f.eks. #3B82F6 mot #3B82F7). Det er en ±1-avrundingsforskjell og er visuelt umerkelig. Omregneren vår bruker standard avrunding for å minimere dette.

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