HSL til RGB

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

Hva er HSL til RGB

Denne omregneren gjør HSL-verdier om til RGB — fra den intuitive representasjonen med fargetone, metning og lyshet til de tre kanalverdiene skjermer og kode bruker. Med live fargeprøve.

Slik bruker du det

  1. Skriv inn HSL-verdiene.
  2. Se RGB-verdien og fargeprøven umiddelbart.
  3. Kopier rgb()-verdien til koden din.

Når du bør bruke det

Nyttig når du genererer farger programmatisk i HSL men trenger RGB til Canvas eller WebGL, konverterer temafarger mellom formater, eller feilsøker fargeverdier i JavaScript.

Ofte stilte spørsmål

Hva er hsl(120, 100%, 50%) i RGB?

hsl(120, 100%, 50%) er rgb(0, 255, 0) — ren grønn. Fargetone 120° er grønt på fargehjulet, 100 % metning og 50 % lyshet gir den rene grønne.

Hva er hsl(240, 100%, 50%) i RGB?

hsl(240, 100%, 50%) er rgb(0, 0, 255) — ren blå.

Hva er hsl(60, 100%, 50%) i RGB?

hsl(60, 100%, 50%) er rgb(255, 255, 0) — ren gul.

Når bør jeg bruke HSL til RGB i stedet for HSL til HEX?

Bruk HSL til RGB når du jobber med API-er eller biblioteker som krever separate numeriske kanalverdier — som Canvas ImageData, WebGL, Three.js-fargekonstruktører eller bildebehandlingsbiblioteker. Bruk HSL til HEX når du trenger en CSS-streng eller heks-kode.

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