Farvekonverter – HEX, RGB, HSL
Skriv eller indsæt en farve i et vilkårligt format, og se den konverteret til HEX, RGB og HSL med det samme. Kopiér enhver værdi med et enkelt klik.
Paste or type a color to convert
Supports HEX, RGB, and HSL formats
Try an example
Flere værktøjer
Picker
Farvevælger
Upload et billede og klik for at udtrække HEX-, RGB- og HSL-farvekoder.
Checker
Kontrastchecker
Tjek farvekontrastforhold mod WCAG AA- og AAA-standarder.
Generator
Farvehjul
Skab paletter med fem farver i komplementær, analog, triadisk eller anden harmoni ud fra én basisfarve.
Udtrækker
Billedpaletudtrækker
Find de dominerende farver i et billede, og kopiér paletten som HEX, RGB eller CSS-variabler.
Konvertér farver mellem HEX, RGB og HSL
Når man arbejder med farver på tværs af forskellige værktøjer, skal man ofte skifte mellem formater. Denne konverter håndterer HEX, RGB og HSL — de tre mest udbredte farveformater inden for webudvikling og design.
Skriv eller indsæt en farveværdi i et vilkårligt understøttet format. Konverteren registrerer automatisk, om du har indtastet en HEX-kode, en RGB-værdi eller en HSL-værdi, og viser alle tre repræsentationer øjeblikkeligt.
Understøttede farveformater
- HEX — f.eks. #3B82F6 eller #f00 (forkortet)
- RGB — f.eks. rgb(59, 130, 246)
- HSL — f.eks. hsl(217, 91%, 60%)
Hvert resultat er formateret som en klar-til-brug CSS-værdi, du kan indsætte direkte i din kode.
Sådan bruger du farvekonverteren
- Indtast en farveværdi i inputfeltet — HEX, RGB eller HSL
- Formatet registreres automatisk
- Se de konverterede værdier for alle tre formater under inputfeltet
- Klik på kopiér-knappen ved siden af et format for at kopiere det til udklipsholderen
Typiske brugsscenarier
- Konvertér en HEX-kode fra en designfil til RGB til brug i CSS
- Få HSL-versionen af en farve for at justere lysstyrke eller mætning
- Oversæt RGB-værdier fra et billedredigeringsprogram til HEX til HTML
- Bekræft hurtigt, at to farveværdier i forskellige formater svarer til den samme farve
Hvornår skal man bruge HEX, RGB eller HSL?
HEX er det mest kompakte format og bruges bredt i CSS og HTML. RGB er udbredt i designværktøjer og billedredigeringsprogrammer. HSL er det mest menneskevenlige — det adskiller nuance, mætning og lysstyrke, så det er nemmere at tilpasse farver manuelt.
Der er ikke ét bedste format. Brug det, dit workflow kræver — og når du skal skifte mellem dem, klarer denne konverter det på et øjeblik.
Ofte stillede spørgsmål
- Hvordan konverterer jeg HEX til RGB?
- Indsæt din HEX-kode (f.eks. #3B82F6) i inputfeltet. RGB-ækvivalenten vises med det samme nedenunder.
- Hvordan konverterer jeg RGB til HEX?
- Indtast din RGB-værdi i formatet rgb(59, 130, 246). HEX-koden vises sammen med HSL-værdien.
- Hvad er HSL?
- HSL står for Hue, Saturation og Lightness (nuance, mætning og lysstyrke). Det beskriver farver på en måde, der er mere intuitiv for mennesker — du kan let ændre, hvor lys eller mættet en farve er, uden at påvirke dens grundlæggende nuance.
- Understøtter værktøjet forkortede HEX-koder?
- Ja. Du kan indtaste forkortede koder som #f00 eller #abc, og de udvides og konverteres korrekt.
- Er farvekonverteren gratis?
- Ja. ColourPicker.app er gratis at bruge, og der kræves ingen tilmelding.
- Virker værktøjet på mobil?
- Ja. Farvekonverteren fungerer på alle enheder med en moderne browser — computer, tablet eller telefon.