Fargekonverterer – HEX, RGB, HSL

Skriv eller lim inn en farge i et valgfritt format, og se den konvertert til HEX, RGB og HSL umiddelbart. Kopier hvilken som helst verdi med ett enkelt klikk.

Paste or type a color to convert

Supports HEX, RGB, and HSL formats

Try an example

Flere verktøy

Konverter farger mellom HEX, RGB og HSL

Å jobbe med farger på tvers av ulike verktøy betyr ofte at man må bytte mellom formater. Denne konvertereren håndterer HEX, RGB og HSL — de tre mest brukte fargeformatene innen webutvikling og design.

Skriv eller lim inn en fargeverdi i et av de støttede formatene. Konvertereren oppdager automatisk om du har skrevet inn en HEX-kode, en RGB-verdi eller en HSL-verdi, og viser alle tre representasjonene umiddelbart.

Støttede fargeformater

  • HEX — f.eks. #3B82F6 eller #f00 (forkortet)
  • RGB — f.eks. rgb(59, 130, 246)
  • HSL — f.eks. hsl(217, 91%, 60%)

Hvert resultat er formatert som en ferdig CSS-verdi du kan lime rett inn i koden din.

Slik bruker du fargekonvertereren

  1. Skriv inn en fargeverdi i inntastingsfeltet — HEX, RGB eller HSL
  2. Formatet oppdages automatisk
  3. Se de konverterte verdiene for alle tre formatene under inntastingsfeltet
  4. Klikk på kopier-knappen ved siden av et format for å kopiere det til utklippstavlen

Vanlige bruksområder

  • Konvertere en HEX-kode fra en designfil til RGB for bruk i CSS
  • Få HSL-versjonen av en farge for å justere lysstyrke eller metning
  • Oversette RGB-verdier fra et bilderedigeringsprogram til HEX for HTML
  • Raskt bekrefte at to fargeverdier i ulike formater representerer den samme fargen

Når bør du bruke HEX, RGB eller HSL?

HEX er det mest kompakte formatet og brukes mye i CSS og HTML. RGB er vanlig i designverktøy og bilderedigeringsprogrammer. HSL er det mest menneskelesbare — det skiller mellom fargetone, metning og lysstyrke, slik at det er enklere å finjustere farger manuelt.

Det finnes ikke ett enkelt beste format. Bruk det arbeidsflyten din krever — og når du trenger å bytte mellom dem, gjør denne konvertereren det i løpet av et øyeblikk.

Ofte stilte spørsmål

Hvordan konverterer jeg HEX til RGB?
Lim inn HEX-koden din (f.eks. #3B82F6) i inntastingsfeltet. RGB-ekvivalenten vises umiddelbart nedenfor.
Hvordan konverterer jeg RGB til HEX?
Skriv inn RGB-verdien i formatet rgb(59, 130, 246). HEX-koden vises sammen med HSL-verdien.
Hva er HSL?
HSL står for Hue, Saturation og Lightness (fargetone, metning og lysstyrke). Det beskriver farger på en måte som er mer intuitiv for mennesker — du kan enkelt endre hvor lys eller mettet en farge er uten å påvirke grunntonen.
Støtter verktøyet forkortede HEX-koder?
Ja. Du kan skrive inn forkortede koder som #f00 eller #abc, og de utvides og konverteres korrekt.
Er fargekonvertereren gratis?
Ja. ColourPicker.app er helt gratis å bruke, uten behov for registrering.
Fungerer verktøyet på mobil?
Ja. Fargekonvertereren fungerer på alle enheter med en moderne nettleser — PC, nettbrett eller mobil.