RGB til HSL
Hvad er RGB til HSL
Denne konverter omregner RGB-værdier til HSL — farvetone, mætning og lyshed. HSL gør det nemt at lave varianter af en farve: lysere, mørkere eller mere dæmpet, uden at ændre selve farvetonen.
Sådan bruger du det
- Indtast de tre RGB-værdier.
- Se HSL-værdien og farveprøven med det samme.
- Kopiér hsl()-værdien til din CSS.
Hvornår du bør bruge det
Brug den, når du bygger farvepaletter og temaer fra eksisterende RGB-farver, vil justere lysheden på en brandfarve systematisk, eller foretrækker HSL i din CSS for læsbarhed.
Ofte stillede spørgsmål
Hvad er rgb(255, 0, 0) i HSL?
rgb(255, 0, 0) er hsl(0, 100%, 50%) — rent rød. Farvetone 0° er rød, 100 % mætning betyder fuldt mættet, og 50 % lyshed er den rene mellemtone.
Hvad er rgb(0, 0, 0) i HSL?
rgb(0, 0, 0) er hsl(0, 0%, 0%) — sort. Nul lyshed er altid sort.
Hvad er rgb(255, 255, 255) i HSL?
rgb(255, 255, 255) er hsl(0, 0%, 100%) — hvid. Maksimal lyshed er altid hvid.
Hvorfor er konvertering fra RGB til HSL nyttig?
HSL gør farverelationer synlige. Med rgb(59, 130, 246) kan du ikke umiddelbart se, hvor blå eller lys farven er. Men hsl(217, 91%, 60%) fortæller dig straks, at det er en blå farve (217° på farvehjulet), stærkt mættet (91 %) og mellem-lys (60 %).
Relaterede værktøjer
HSL til RGB
Konverter HSL-farveværdier til RGB direkte. Gratis HSL til RGB-omregner med live forhåndsvisning — til JavaScript, Canvas og design.
Billedformat Beregner
Beregn billedformatet, find den manglende bredde eller højde og skift størrelse på billeder og video uden at forvrænge proportionerne. Gratis.
Base64-dekoder
Dekod Base64-strenge til almindelig tekst direkte i din browser. Understøtter fuldt Unicode-output inklusive emojis. Gratis Base64-dekoder online.