Marknaden
Priser
Logga inKom igång
FältguidenFärg
Färg

Pantone eller hex: matcha varumärkets färger i tryck och på skärm

En varumärkesfärg ska klara ett visitkort, en butiksskylt, en webbplats och en Instagram-story. Pantone och hex löser var sin halva. Så hänger de ihop och så får du dem att stämma.

GradientlyVerifierat Gradiently-konto·1 oktober 2026·5 minuters läsning
Omslag: Flamingo Lodge · GR·EE34·KY

Kortversionen

  • Pantone mot hex är en skillnad i medium: en Pantonefärg är ett specifikt färdigblandat tryckbläck, medan en hexkod är en RGB-färg för skärmar.
  • Pantonefärger trycks som direktfärger, ett exakt bläck per färg, medan vanligt tryck bygger färger av fyra processbläck, CMYK.
  • Pantone publicerar RGB-, hex- och CMYK-motsvarigheter för sina färger, men de är approximationer, och vissa Pantonebläck går inte att återge exakt på skärm eller i CMYK.
  • Den bestruka och den obestrukna versionen av samma Pantonenummer ser olika ut, vilket är varför koderna slutar på C eller U.
  • En komplett färgspecifikation för ett varumärke anger en Pantonereferens, en CMYK-fördelning, ett RGB-värde och en hexkod, var och en kontrollerad med blotta ögat i stället för blint omvandlad.
På den här sidan
Vad en Pantonefärg egentligen ärDirektfärg eller processfärgHex och RGB: färg som ljusVarför omvandlingar mellan Pantone och hex är ungefärligaSå matchar du en varumärkesfärg mellan tryck och skärmVarumärkesfärger bortom ett enda färgprov

Pantone mot hex handlar egentligen om bläck mot ljus. En Pantonefärg är ett numrerat, färdigblandat tryckbläck som du kan hålla i handen som ett fysiskt färgprov. En hexkod, till exempel #1d4ed8, är en uppsättning röda, gröna och blå värden som talar om för en skärm hur mycket ljus den ska sända ut. Ingen av dem går att omvandla perfekt till den andra. Pantone publicerar hex- och CMYK-motsvarigheter, och de är bra utgångspunkter, men ett varumärke som ser rätt ut överallt väljer varje version med blotta ögat och skriver ner dem alla.

Vad en Pantonefärg egentligen är

Pantone Matching System är en katalog över standardiserade bläckrecept, vart och ett med ett nummer. Ett tryckeri var som helst kan blanda samma recept och få, inom toleransen, samma färg. Suffixet visar vilket papper färgen är avsedd för: C för bestruket (coated) och U för obestruket (uncoated). Samma bläck ser ljusare och skarpare ut på bestruket papper och mjukare, mörkare och plattare ut på obestruket, så koder som PMS 186 C och PMS 186 U listas medvetet som separata färgprov.

Direktfärg eller processfärg

Direktfärg (Pantone)

  • Ett färdigblandat bläck per färg
  • Mycket jämn från upplaga till upplaga
  • Når färger som CMYK inte klarar, som metallic och fluorescerande
  • Varje extra direktfärg ger en tryckplåt till och högre kostnad
  • Perfekt för logotyper, trycksaker, förpackningar och skyltar

Processfärg (CMYK)

  • Färger uppbyggda av fyra bläck i små punkter
  • Kan variera mer mellan tryckpressar och papper
  • Mindre färgomfång, de ljusaste färgerna dras in
  • Hanterar foton och gradienter enkelt
  • Perfekt för flygblad, broschyrer, tidskrifter och affischer

Många varumärken använder båda: logotypen trycks som Pantone-direktfärg på brevpapper och förpackningar, och en CMYK-matchning används för foldrar i fyrfärg. RGB eller CMYK förklarar varför processfärg tappar några av de ljusaste nyanserna.

Hex och RGB: färg som ljus

En hexkod är bara RGB skrivet i bas 16: två tecken var för rött, grönt och blått, från 00 till ff. #1d4ed8 betyder rött 29, grönt 78, blått 216. Den är exakt som tal men inte som utseende, eftersom varje skärm återger den lite olika beroende på panel, ljusstyrka och inställningar. Färgkoder förklarade går igenom hex, RGB, HSL och resten.

PantoneEtt fysiskt färdigblandat bläck

Används till

Logotyper, förpackningar, skyltar

Exempel på notation

PMS 186 C
CMYKProcentandelar av fyra processbläck

Används till

Det mesta kommersiella trycket

Exempel på notation

C0 M60 Y90 K0
RGBMängder rött, grönt och blått ljus

Används till

Skärmar, video, appar

Exempel på notation

rgb(29 78 216)
HexRGB skrivet i bas 16

Används till

Webbplatser, designverktyg

Exempel på notation

#1d4ed8
SystemVad det beskriverAnvänds tillExempel på notation
PantoneEtt fysiskt färdigblandat bläckLogotyper, förpackningar, skyltarPMS 186 C
CMYKProcentandelar av fyra processbläckDet mesta kommersiella trycketC0 M60 Y90 K0
RGBMängder rött, grönt och blått ljusSkärmar, video, apparrgb(29 78 216)
HexRGB skrivet i bas 16Webbplatser, designverktyg#1d4ed8
Fyra sätt att benämna en varumärkesfärg. Var och en hör till ett eget medium.

Varför omvandlingar mellan Pantone och hex är ungefärliga

  • Olika färgomfång: vissa Pantonebläck, särskilt klara orangea och gröna nyanser, fluorescerande färger och metallic, ligger utanför vad en vanlig skärm kan visa.
  • Papper och ljus: ett bläckprov ändras med pappret och med ljuset du tittar på det i, medan en skärm sänder ut sitt eget ljus.
  • Skärmar varierar: samma hex ser olika ut på två bildskärmar, så ingen enskild hexkod kan matcha ett fysiskt bläck överallt.
  • Uppdateringar: Pantone har reviderat sina digitala värden genom åren, så äldre grafiska profiler kan ange andra hexmotsvarigheter för samma bläck.

Se omvandlare som en startpunkt

Nätverktyg för att omvandla Pantone till hex ger ett tal, inte en matchning. Använd Pantones egna publicerade värden eller Pantone Connect som första gissning och justera sedan med blotta ögat mot ett fysiskt färgprov.

Så matchar du en varumärkesfärg mellan tryck och skärm

  1. 1

    Bestäm vilket medium som leder

    Lever varumärket mest i tryck, som förpackningar eller en butiksfasad, välj Pantone först. Lever det mest på skärmar, välj hexkoden först och hitta närmaste Pantone.

  2. 2

    Välj ur en fysisk färgvisare

    Välj bläcket ur en tryckt Pantonevisare i dagsljus eller neutralt ljus, i den bestrukna eller obestrukna boken som motsvarar ditt papper.

  3. 3

    Hitta den närmaste skärmfärgen med blotta ögat

    Utgå från Pantones publicerade hex, håll sedan färgprovet bredvid en kalibrerad eller bra skärm och justera tills de två känns lika.

  4. 4

    Be tryckeriet om en CMYK-fördelning

    Be om den bästa CMYK-versionen för deras press och papper, till de jobb som inte använder direktfärgen.

  5. 5

    Provtrycka allt

    Tryck ett test av CMYK-versionen och jämför det med färgprovet innan en stor upplaga.

  6. 6

    Skriv ner alla fyra värdena

    Notera Pantone, CMYK, RGB och hex i din grafiska profil, så att ingen behöver omvandla på stubben.

json
{
  "brand-blue": {
    "pantone": "Chosen from the coated guide, e.g. PMS xxxx C",
    "pantoneUncoated": "Matched separately in the uncoated guide",
    "cmyk": "From your printer, checked on a proof",
    "rgb": "rgb(29 78 216)",
    "hex": "#1d4ed8"
  }
}
En färgpost för varumärket med varje version på ett ställe. Fyll i tryckvärdena från färgprov och provtryck, inte från en omvandlare. Designtokens visar hur team lagrar detta.
Northside Physio
12 Harbour Road · Boka online

Ett visitkort i 1050×600 px. I tryck körs varumärkesfärgen som ett enda direktbläck, så varje omtryck matchar.

Northside Physio
Kvällstider nu öppna.
Boka online måndag till torsdag
Gradiently · @gradiently

Samma varumärke på Instagram i 1080×1350, där hexkoden som valts för att passa det tryckta bläcket tar över.

Varumärkesfärger bortom ett enda färgprov

En platt varumärkesfärg är lätt att specificera och lätt att kopiera, och på skärm lägger många varumärken numera till djup med ljus, gradienter och textur. De lever i RGB: bygg dem utifrån varumärkets hexkod och dess grannfärger, och spara den platta Pantonefärgen till tryckjobb där ett enda exakt bläck spelar roll. Varumärkets färgkoder och så väljer du varumärkesfärger går djupare.

Skärmversioner uppbyggda kring en enda varumärkeshex. I tryck återges en sådan gradient oftast i CMYK i stället för som direktfärg.

En Gradiently Mark tar den idén längre: en levande bakgrund med egna färger, eget ljus och eget korn, som ägs av ett varumärke i taget. Sök i Marknaden på färgord som ”djupblå” för att hitta en som ligger nära din varumärkesfärg.

Hitta en gradient som bara är din

Bläddra bland tusentals Marks, designa med vilken som helst av dem utan kostnad och säkra den som känns som du.

Utforska Marknaden

Vanliga frågor

Vad är skillnaden mellan Pantone och hex?

Pantone identifierar ett fysiskt färdigblandat tryckbläck. Hex är ett RGB-värde som talar om för en skärm hur mycket rött, grönt och blått ljus den ska visa.

Kan man omvandla Pantone till hex exakt?

Nej. Pantone publicerar hexmotsvarigheter, men de är approximationer eftersom bläck, papper och skärmar beter sig olika, och vissa bläck ligger utanför skärmens färgomfång.

Vad betyder C och U i Pantone?

C betyder att färgprovet är för bestruket papper och U för obestruket. Samma bläck ser olika ut på vardera, så de listas var för sig.

Vad är en direktfärg?

En direktfärg trycks med ett eget färdigblandat bläck i stället för att byggas av CMYK-punkter. Den är jämnare och kan nå färger som CMYK inte klarar.

Behöver jag Pantonefärger för mitt varumärke?

Bara om du trycker saker där exakt färg spelar roll, som förpackningar, skyltar eller trycksaker. Ett varumärke som är digitalt först kan börja med hex och RGB, plus en kontrollerad CMYK-version för enstaka tryck.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.

Se vår profil

På den här sidan

Vad en Pantonefärg egentligen ärDirektfärg eller processfärgHex och RGB: färg som ljusVarför omvandlingar mellan Pantone och hex är ungefärligaSå matchar du en varumärkesfärg mellan tryck och skärmVarumärkesfärger bortom ett enda färgprov

Dela den här guiden

Nästa i Färg

Hex till RGB: konvertera färgkoder för hand eller i kod

Läs vidare

Alla guider om Färg
Färg

RGB eller CMYK: därför ändras färgerna när du trycker

5 minuters läsning

Affischen såg elektrisk ut på din laptop och kom från tryckeriet och såg trött ut. Inget är fel på filen: skärmar och papper skapar helt enkelt färg på motsatta sätt. Så här ändras den, och så planerar du för det.

Färg

Hexkoder för färg, RGB, HSL och OKLCH förklarade

5 minuters läsning

#7c3aed, rgb(124 58 237), hsl(262 83% 58%) och `oklch(54.1% 0.247 293)` är samma violett. Här är vad varje skrivsätt egentligen säger, och när var och en gör nytta.

Färg

Färgkoder för varumärket: dokumentera hex, RGB, CMYK och Pantone

5 minuters läsning

En varumärkesfärg är bara konsekvent om alla som rör den har rätt kod för sitt medium. Här är tabellen som varje varumärkesmanual behöver, vad varje kod är till för och i vilken ordning du tar fram dem.

Hitta looken som bara är din.

Varje Mark är en levande bakgrund med en enda ägare. Prova en ledig Mark och säkra din när det känns rätt.

Börja designa

Kontrollera ett certifikat

Skriv ett certifikatnummer eller en Marks kod för att se vem som äger den.

Fungerar med ChatGPT och Claude

Be din AI om en design. Den skapar den i din Mark, redo att redigera.

ChatGPTClaude
Så ansluter du

Produkt

  • Marknaden
  • Utforska
  • Priser
  • Certifikat

Lär dig

  • Fältguiden
  • Hjälpcenter
  • Nyheter

Utvecklare

  • Översikt
  • ChatGPT och Claude
  • API-referens
  • API-nycklar

Företaget

  • Om oss
  • Kontakta oss
  • Logga in

Juridik

  • Villkor
  • Integritet
  • Återbetalningar
  • Mark-skydd
  • Cookies
  • Alla policyer
Rör dig över bokstäverna. Var och en bär en riktig Mark.Tryck på en bokstav för att se dess Mark.Ett namn. Tio Marks inuti.
© 2026 Gradiently