HEX til HSL
Hvad er HEX til HSL
Denne omregner konverterer HEX-farvekoder til HSL-værdier (farvetone, mætning, lysstyrke). HSL er nemmere at justere end HEX — du kan ændre lysstyrken uden at påvirke farvetonen. Konverteringen sker direkte med forhåndsvisning.
Sådan bruger du det
- Skriv eller indsæt HEX-koden.
- 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
Nyttigt når du bygger CSS-temaer, hvor farver skal varieres systematisk, laver lysere og mørkere varianter af en brandfarve, eller vil forstå en farve i mere intuitive termer end hex-cifre.
Ofte stillede spørgsmål
Hvad er HSL, og hvorfor bruge det i stedet for HEX?
HSL (Hue, Saturation, Lightness — farvetone, mætning, lysstyrke) beskriver farve i intuitive termer. Farvetone er positionen på farvehjulet (0–360°), mætning er farveintensitet (0–100%), og lysstyrke er hvor lys farven er (0–100%). Det er meget nemmere at lave farvevariationer i HSL end i HEX.
Hvad er #FF0000 i HSL?
Ren rød #FF0000 er hsl(0, 100%, 50%). Farvetone 0° er rød på farvehjulet, 100% mætning betyder fuldt mættet, og 50% lysstyrke er den rene farve (hverken lysnet eller mørknet).
Understøtter CSS HSL-farver?
Ja. Moderne CSS understøtter fuldt ud hsl()- og hsla()-notation. For eksempel: color: hsl(217, 91%, 60%); og background: hsla(217, 91%, 60%, 0.5);
Hvad er #000000 i HSL?
Sort (#000000) er hsl(0, 0%, 0%). Lysstyrke på 0% betyder ren sort uanset farvetone eller mætning.
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
HSL til HEX
Konverter HSL-farveværdier til HEX-koder direkte. Gratis HSL til HEX-omregner med live forhåndsvisning til CSS 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.