Konvertér HSL til HEX
Indstil farvetone, mætning og lyshed, og få den tilsvarende sekscifrede HEX-farvekode klar til kopiering.
hsl-værdi
Resultat · HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Sådan gør du: HSL til HEX
- 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.
Hvorfor konvertere HSL til HEX
HSL er den mest intuitive måde at opbygge et farvesystem på. Du fastlægger en farvetone, fx 262° for violet, og laver en hel skala ved primært at ændre lysheden: omkring 95 % til baggrunde, 58 % til knapper og accenter, 30 % til tekst. Designere og udviklere bruger denne metode til lysere og mørkere nuancer og mørke temaer.
Den færdige skala skal dog som regel leveres som HEX-koder: designmanualer, design tokens, Figma-biblioteker, brandbøger og mange CMS'er forventer #RRGGBB-værdier. Indtast HSL-værdierne, og kopiér HEX-resultatet — hsl(262, 83%, 58%) bliver for eksempel til #7C3BED. Værktøjet viser også RGB, HSV og CMYK for den samme farve. Da HEX kun kan gemme 256 niveauer pr. kanal, ændrer meget små ændringer i HSL ikke altid HEX-koden.
Alt kører lokalt i din browser — dine billeder bliver aldrig uploadet til en server.