Farveomformer — HEX, RGB, HSL og CMYK

Hvad dette farveomformer gør

Denne danske farveomformer konverterer øjeblikkeligt mellem HEX, RGB, HSL og CMYK. Du indtaster en farve i det format, du har ved hånden — fx #1e90ff, rgb(30,144,255) eller hsl(210,100%,56%) — og får alle fire repræsentationer på én gang med en live farveprøve. Det er ren matematik uden eksterne biblioteker, så siden er hurtig og pålidelig. 100 % klient-side — dine data forlader aldrig din browser. Ingen upload, ingen sporing, ingen serverlogfiler. Digitaliseringsstyrelsen kræver i sin vejledning om webtilgængelighed (WCAG 2.1), at alle offentlige danske hjemmesider angiver tegnsæt eksplicit — en påmindelse om, at præcision i datarepræsentation altid tæller. Det samme gælder farver: én forkert HEX-hex kan betyde en helt anden farvetone i produktionen.

Funktioner

HEX-oversætter. Konverter en hex-farvekode til RGB, HSL og CMYK med det samme. Understøtter både tre- og seks-cifrede HEX-værdier, fx #fff og #ffffff.
RGB ↔ HSL og CMYK. Gå fra rgb(30,144,255) til HSL og CMYK i ét trin. Nyttigt, når du tilpasser UI-farver med HSL-justeringer for bedre tilgængelighed, som WHATWG Encoding Standard minder os om vigtigheden af korrekt repræsentation.
Indbygget farvevælger. Brug browserens native farvevælger til at klikke dig frem til en farve og se alle formater opdateres live uden forsinkelse.
Ærlig CMYK-konvertering. CMYK på skærm er en approksimation. Sand tryk-CMYK kræver ICC-profiler, der tager højde for blæk og papir. Værktøjet forklarer denne begrænsning direkte, så du ikke overraskes i trykkeriet.
Kopiér med ét klik. Kopiér enhver farveværdi direkte til udklipsholderen — praktisk, når du genererer CSS-variabler eller sender en farvepalet til et andet team.
CSS-kompatible input. Accepterer de samme formater som CSS: #hex, rgb() og hsl(). Du kan indsætte værdier direkte fra DevTools eller en Figma-fil.

Sådan bruger du farveomformer

Tre trin er normalt nok. Indsæt, konverter, kopiér.

Indsæt eller vælg en farve. Skriv en HEX-kode (#1e90ff), en RGB-streng (rgb(30,144,255)) eller klik på farvevælgeren for at pege direkte på den ønskede farve.
Se resultatet med det samme. Alle fire formater — HEX, RGB, HSL og CMYK — opdateres i realtid, og farveprøven viser præcis, hvordan farven ser ud i browseren.
Kopiér det format, du har brug for. Klik på Kopiér ud for det ønskede format og indsæt det i din CSS, dit designsystem eller dit trykforberedende program.
Forstå CMYK-begrænsningen. Hvis du skal bruge farven i tryk, så brug CMYK-værdien som udgangspunkt — men validér mod en ICC-profil i fx Adobe Illustrator, inden du sender til trykkeriet.

Typiske anvendelser

Designere og brandfarver. Du har en brandfarve som #003DA5 og skal videregive en CMYK-tilnærmelse til et trykkeri. Værktøjet giver dig tallene på sekunder og minder dig om at tjekke mod en ICC-profil.
Udviklere og tilgængelighed. HSL-formatet gør det nemt at justere lyshed og mætning systematisk, så du opnår tilstrækkeligt farvekontrast i henhold til WCAG 2.1 uden at gætte på HEX-koder i blinde.
Hurtig inspektion af skærmbilleder. Du har et skærmbillede med en farve, du vil matche. Brug farvevælgeren til at sample farven og få RGB- og HEX-koden med det samme. Hvis du også arbejder med dataformater, kan [Base64 encoder & decoder](/da/base64/) og [URL encoder & decoder](/da/url-encoder/) være nyttige sideværktøjer.
Generering af CSS-variabler. Konverter en hel palet fra HEX til HSL og byg CSS custom properties med semantiske navne som --color-primary-500: hsl(210, 100%, 56%).
Tværfagligt samarbejde. Send præcise farveværdier til udviklere, designere og leverandører i det format, de hver især foretrækker, uden at miste præcision undervejs.

Ofte stillede spørgsmål

Er mine farvedata private?

Ja. Al konvertering sker lokalt i din browser via JavaScript. Ingen farveværdier sendes til en server, og der gemmes ingen logfiler. Siden bruger cookiefri statistik (Cloudflare Web Analytics).

Hvad er forskellen på HEX og RGB?

HEX er blot RGB skrevet i hexadecimalt format: #1e90ff svarer til rgb(30,144,255). De tre par hex-cifre (1e, 90, ff) er rød-, grøn- og blåkanalerne i base 16. Mange kalder det en hex-farveoversætter eller hex code translator — det er det samme.

Hvorfor er CMYK-konverteringen kun tilnærmet?

RGB og CMYK er fundamentalt forskellige farverum. RGB er additiv (lys), CMYK er subtraktiv (blæk). En direkte matematisk konvertering ignorerer blæktype, papir og trykpresse. For præcis tryk-CMYK skal du bruge ICC-profiler i et professionelt program. Brug denne konverter til at få et udgangspunkt, ikke et endeligt trykklart tal.

Kan jeg konvertere hex til HSL direkte?

Ja. Indsæt din HEX-kode, og HSL-værdien beregnes med det samme. Husk, at hue er i grader (0–360), og at saturation og lightness er procenter — en typisk kilde til fejl, når man kopierer til grafik-API'er, der bruger 0,0–1,0.

Mister jeg præcision, når jeg konverterer frem og tilbage?

Ja, en smule. Rundtrejse HEX→HSL→HEX kan give afvigelser på 1–2 i en af RGB-kanalerne på grund af heltalsafrunding. Til de fleste webformål er det usynligt, men til præcisionsbranding bør du altid starte fra den autoritative kildefarve. WHATWG URL Living Standard er et godt eksempel på, hvor omhyggelig rund-trip-præcision egentlig kræves i åbne standarder.

Hvad med Pantone-farver?

Pantone er et proprietært system, og der findes ingen fri matematisk formel til at konvertere CMYK præcist til Pantone. Mange søger efter 'cmyk into pantone' og ender med approksimationer. Brug Pantones eget matchningssystem eller en trykkeripartner med licenseret Pantone-software til det formål.