RGB, HEX eller CMYK – hvornår bruger man hvad?

Kort fortalt: Forskellen på RGB, HEX og CMYK

• RGB er baseret på lys og er det farvesystem, der bruges til alle digitale skærme.
• HEX er en sekscifret digital kode for RGB, som primært anvendes til at definere præcise farver i webdesign.
• CMYK er baseret på blæk og er den eneste farvemodel, du skal bruge til fysiske tryksager.

Når du arbejder med design, er det vigtigt at kende forskellen på RGB, HEX og CMYK, så dine farver altid ser rigtige ud. I en verden fuld af visuel kommunikation er farver fundamentale for, hvordan vi opfatter et brand. Men bag skærmens lys og printerens blæk findes der forskellige systemer, som styrer farverne.

Som grafisk designer arbejder jeg dagligt med disse farvemodeller for at sikre, at dit udtryk er konsistent, uanset om det vises digitalt eller trykkes. De mest almindelige farvesystemer er RGB, HEX og CMYK, og selvom de alle handler om farver, har de vidt forskellige anvendelsesområder.

Forståelsen af disse forskelle er afgørende for at opnå det bedste resultat i dit logodesign, webdesign og din generelle visuelle identitet.

Hvad er RGB? Et dyk ned i de digitale farver

RGB står for Rød, Grøn og Blå. Det er en additiv farvemodel, hvilket betyder, at de tre primærfarver blandes ved at tilføje lys for at skabe et bredt spektrum af farver. Jo mere lys, der tilføjes, jo lysere bliver farven. Når alle tre farver er på deres maksimale intensitet, skabes hvid, og når der ikke er noget lys, får vi sort. Dette farvesystem er fundamentet for al digital skærmgengivelse – tænk på din computerskærm, smartphone, TV eller enhver anden digital skærm.

Hver af de røde, grønne og blå komponenter tildeles en værdi fra 0 til 255. Disse værdier angiver intensiteten af hver farve. For eksempel vil rent rød være (255, 0, 0), ren grøn (0, 255, 0), og ren blå (0, 0, 255). Hvid er (255, 255, 255), og sort er (0, 0, 0).

Når jeg eksempelvis designer hjemmesider eller andet digitalt indhold, er RGB min standard. Det sikrer at de farver jeg vælger, ser ud som de skal, på skærmen hos dine kunder. Det er essentielt for at skabe en ensartet digital oplevelse, der stemmer overens med dit brands identitet.

Fordi RGB-farver er baseret på lys, kan de skabe langt mere levende og lyse farver, end hvad der er muligt med trykfarver. Dette er en af grundene til, at digitale designs ofte ser mere sprudlende ud på en skærm, end når de trykkes. At forstå denne forskel er ret kritisk for at levere realistiske resultater.

Hvornår bruges RGB?

• Webdesign og Digitale Platforme: Alle elementer på en hjemmeside, online annoncer, sociale medier og apps bruger RGB.
• Digitale billeder og videoer: Fotos og videofiler er typisk gemt i RGB-format.
• Skærmbaserede præsentationer: PowerPoints, Keynotes og andre digitale præsentationer anvender RGB.

En professionel tilgang til webdesign involverer mere end blot at vælge flotte farver. Det handler om at vælge de rigtige farvemodeller for de rigtige medier. Når jeg udvikler din nye hjemmeside, sørger jeg for, at farvepaletten er optimeret til skærme, så dit brand står knivskarpt online.

Hvad er HEX? Forkortelsen for RGB på web

HEX-koder er dybest set en anden måde at repræsentere RGB-farver på, specifikt til brug på internettet og i webudvikling. En HEX-kode er en seks-cifret hexadecimal værdi, der beskriver intensiteten af rød, grøn og blå. De første to cifre repræsenterer rød, de næste to grøn, og de sidste to blå. Hvert par af cifre varierer fra 00 til FF (hvilket svarer til 0 til 255 i decimalnotation).

For eksempel er sort #000000, og hvid er #FFFFFF. Rent rød er #FF0000, grøn er #00FF00, og blå er #0000FF. HEX-koder kan også have en ottende karakter for gennemsigtighed (alpha-værdi), #RRGGBBAA, men dette er mindre almindeligt end den seks-cifrede kode.

HEX-koder er utroligt praktiske for webudviklere, da de er en kort, præcis og standardiseret måde at definere farver på i HTML, CSS og andre websprog.

Eksempler på HEX farver:

• Sort: #000000 (HEX kode) / 0, 0, 0 (RGB værdi)
• Hvid: #FFFFFF (HEX) / 255, 255, 255 (RGB)
• Rød: #FF0000 (HEX) / 255, 0, 0 (RGB)
• Grøn: #00FF00 (HEX) / 0, 255, 0 (RGB)
• Blå: #0000FF (HEX) / 0, 0, 255 (RGB)

Fordelen ved HEX er dens konsistens og enkelhed i kodning. Det er en universel standard, der gør det nemt for designere og udviklere at kommunikere og implementere farver præcist på tværs af platforme. Når du bestiller webdesign hos mig, vil jeg altid definere farverne i HEX for optimal digital præcision.

CMYK: Farvernes verden på tryk

CMYK står for Cyan, Magenta, Yellow og Key (sort). Dette er en subtraktiv farvemodel, som bruges til print. I modsætning til RGB, som tilføjer lys, fungerer CMYK ved at absorbere lys. Du starter med et hvidt papir, og ved at tilføje blæk subtraheres farverne fra lyset, der reflekteres fra papiret, hvilket skaber den farve, du ser.

Når alle CMY-farverne blandes i fuld intensitet, skulle resultatet teoretisk være sort. I praksis er det dog svært at opnå en ren sort farve ved kun at blande cyan, magenta og gul blæk. Derfor tilføjes “Key” (sort) blækken (K) i trykprocessen for at opnå dyb sort og forbedre skygger.

CMYK-farver er designet til at matche de pigmenter, der anvendes i blæk, og er derfor standard i trykbranchen. Farveområdet for CMYK er mindre end for RGB, hvilket betyder, at der er farver, der kan vises på en skærm, men ikke kan gengives præcist i tryk. Dette kan ofte være en frustration, især fordi de flotte klare farver i et RGB eller HEX system ikke altid kan findes i CMYK farvesystemet.

Hvornår bruges CMYK?

• Tryksager: Alt fra visitkort og brochurer til plakater og brevpapir.
• Emballage: Farver på produktemballage er altid i CMYK.
• Aviser og magasiner: Alle farver i trykte publikationer bruger CMYK.

Når jeg udformer din visuelle identitet, tager jeg højde for både digitale og trykte applikationer. Det er afgørende at have en farvepalet, der fungerer i begge verdener. Jeg kan f.eks. definere specifikke nuancer af din primære RGB-farve til print for bedst muligt farvematch i CMYK.

Forskelle og overgange mellem RGB, HEX og CMYK

Den største udfordring i farvestyring er overgangen fra en farvemodel til en anden. En farve, der ser fantastisk ud på en skærm (RGB/HEX), kan virke mørkere, når den udskrives i CMYK. Dette skyldes de fundamentale forskelle i, hvordan farverne skabes – med lys modsat med blæk.

• RGB: Additiv model til digitale skærme (bredt farvespektrum).
• HEX: Digital kode af RGB til webdesign (bredt farvespektrum).
• CMYK: Subtraktiv model til tryk (mindre farvespektrum).

Når man designer et logo, er det vigtigt at tænke på farvespektrummet. Nogle laver to versioner af et logo, men som logo designer forsøger jeg ofte at holde et logo i CMYK farver. Det gør, at logoet altid fremstår ens – uanset hvor det bliver brugt.

Optimal farvestyring med RGB, HEX og CMYK

For at sikre en konsekvent visuel identitet, er det essentielt at definere farver i både RGB/HEX og CMYK. Dette kaldes farvestyring. Når jeg udvikler din profil, definerer jeg de præcise koder til alle materialer. Det betyder, at din virksomheds farver altid vil fremstå professionelle, uanset om det er på din hjemmeside, dit logodesign eller i trykte brochurer.

En typisk designmanual indeholder de specifikke RGB- og HEX-værdier til digital brug samt CMYK-værdier til print. Det fjerner gætteri og sikrer, at alle kan bruge farverne korrekt.

Har du spørgsmål til dine nuværende RGB, HEX eller CMYK koder? Du er altid velkommen til at kontakte mig på hej@moelskov.dk eller ringe på +45 25 34 27 72.

Se også videoen her (på engelsk) der beskriver forskellen mellem RGB og CMYK:

Ofte stillede spørgsmål om farveformater

Hvorfor ændrer mine farver sig, når jeg printer et digitalt design?

Det sker typisk fordi skærme bygger på lys og har et langt større farverum, mens printere primært bruger fysisk blæk. Ifølge eksperter i trykte medier resulterer overgangen ofte i lidt mere dæmpede farver. Bemærk desuden at den konkrete papirtype og maskinens kalibrering også påvirker det endelige print markant.

Kan jeg bruge en HEX kode direkte til mine tryksager?

Nej, det kan man desværre aldrig gøre direkte. Koden er udelukkende et digitalt format, der er skabt specielt til skærme og webdesign. Før du sender dit arbejde afsted, skal filen altid konverteres korrekt til CMYK, så du undgår slemme farvefejl når materialet lander fra trykkeriet.

Hvordan konverterer jeg bedst fra RGB til trykfarver?

Fordi de to farverum rent teknisk er bygget forskelligt op, findes der sjældent en helt perfekt en-til-en konvertering. Du får absolut det tætteste match ved at benytte professionel grafisk software til noget, der almindeligvis kaldes soft-proofing. Her simulerer programmet, hvordan blækket forventes at opføre sig på det valgte papir.

Hvilket farvesystem skal jeg vælge til mit næste logo?

Som logo designer anbefaler jeg altid stærkt at tage udgangspunkt i de tryksikre farver først. Det er det mest begrænsede farvespektrum vi har arbejder med. Når dit nye design først fungerer solidt her, er det markant lettere at overføre det til de mere levende og lyse digitale formater bagefter.