Konvertera HEX till HSL
Konvertera en HEX-färgkod till nyans, mättnad och ljushet och skapa enkelt ljusare och mörkare nyanser.
hex-värde
Resultat · HSL
hsl(344, 100%, 62%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
Så här gör du: HEX till HSL
- 1
Ange en färg
Skriv en färgkod eller välj en färg med färgväljaren — varje fält accepterar formatet som visas.
- 2
Se konverteringen
Resultatet uppdateras direkt medan du skriver, tillsammans med en live-förhandsvisning av färgen.
- 3
Kopiera koden
Kopiera värdet du behöver med ett klick och klistra in det i din design, CSS eller dina utskriftsinställningar.
HEX- och HSL-färger
HEX är sättet färger skrivs på i CSS och designverktyg: ett # följt av tre par hexadecimala tecken för rött, grönt och blått. HSL beskriver samma färg på det sätt människor tänker på den – nyans som en vinkel på färghjulet från 0 till 360° samt mättnad och ljushet i procent.
Att konvertera till HSL är praktiskt när du behöver varianter av en färg: behåll nyansen och ändra ljusheten för att få ljusare och mörkare nyanser för hover-lägen, bakgrunder och kanter. Webbläsare förstår båda skrivsätten, till exempel hsl(342, 100%, 62%). Klistra in en kod med tre eller sex tecken, med eller utan #-tecknet, och kopiera hsl()-resultatet. RGB, HSV och CMYK visas också.
Allt körs lokalt i din webbläsare — dina bilder laddas aldrig upp till någon server.