Konvertér HEX til HSL
Konvertér en HEX-farvekode til farvetone, mætning og lyshed, så du nemt kan lave lysere og mørkere nuancer.
hex-værdi
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ådan gør du: HEX til HSL
- 1
Indtast en farve
Skriv en farvekode, eller vælg en farve med farvevælgeren — hvert felt accepterer det format, det viser.
- 2
Se konverteringen
Resultatet opdateres med det samme, mens du skriver, sammen med et live-eksempel på farven.
- 3
Kopiér koden
Kopiér den værdi, du har brug for, med ét klik, og indsæt den i dit design, din CSS eller dine udskriftsindstillinger.
HEX- og HSL-farver
HEX er den måde, farver skrives på i CSS og designværktøjer: et # efterfulgt af tre par hexadecimale cifre for rød, grøn og blå. HSL beskriver den samme farve, sådan som folk tænker på den — farvetone som en vinkel på farvehjulet fra 0 til 360° og mætning og lyshed i procent.
Konvertering til HSL er praktisk, når du har brug for variationer af én farve: behold farvetonen, og ændr lysheden for at få lysere og mørkere nuancer til hover-tilstande, baggrunde og kanter. Browsere forstår begge notationer, for eksempel hsl(342, 100%, 62%). Indsæt en kode med tre eller seks cifre, med eller uden #-tegnet, og kopiér hsl()-resultatet; RGB, HSV og CMYK vises også.
Alt kører lokalt i din browser — dine billeder bliver aldrig uploadet til en server.