HSL til RGB

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

Hvad er HSL til RGB

Denne omregner konverterer HSL-værdier til RGB — fra den intuitive repræsentation med farvetone, mætning og lysstyrke til de tre kanalværdier, som skærme og kode bruger. Med live farveprøve.

Sådan bruger du det

  1. Indtast HSL-værdierne.
  2. Se RGB-værdien og farveprøven med det samme.
  3. Kopiér rgb()-værdien til din kode.

Hvornår du bør bruge det

Nyttigt når du genererer farver programmatisk i HSL, men har brug for RGB til Canvas eller WebGL, konverterer temafarver mellem formater, eller fejlsøger farveværdier i JavaScript.

Ofte stillede spørgsmål

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

hsl(120, 100%, 50%) er rgb(0, 255, 0) — ren grøn. Farvetone 120° er grøn på farvehjulet, 100% mætning og 50% lysstyrke giver den rene grønne.

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

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

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

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

Hvornår skal jeg bruge HSL til RGB i stedet for HSL til HEX?

Brug HSL til RGB, når du arbejder med API'er eller biblioteker, der kræver separate numeriske kanalværdier — som Canvas ImageData, WebGL, Three.js-farvekonstruktører eller billedbehandlingsbiblioteker. Brug HSL til HEX, når du har brug for en CSS-streng eller hex-kode.

Kan jeg dele værktøjet med mine værdier udfyldt?

Ja. Webadressen opdateres automatisk, mens du skriver. Kopiér den fra adresselinjen, eller brug Del-knappen — den, der åbner linket, ser præcis dine værdier klar til brug.

Relaterede værktøjer