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

[Canonical HTML page](https://gradiently.design/sv/guide/pantone-colors)

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.

## The short version

- 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.

**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](https://gradiently.design/sv/guide/rgb-vs-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](https://gradiently.design/sv/guide/color-codes-explained) går igenom hex, RGB, HSL och resten.

| System | Vad det beskriver | Används till | Exempel på notation |
| --- | --- | --- | --- |
| Pantone | Ett fysiskt färdigblandat bläck | Logotyper, förpackningar, skyltar | PMS 186 C |
| CMYK | Procentandelar av fyra processbläck | Det mesta kommersiella trycket | C0 M60 Y90 K0 |
| RGB | Mängder rött, grönt och blått ljus | Skärmar, video, appar | rgb(29 78 216) |
| Hex | RGB skrivet i bas 16 | Webbplatser, 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. **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. **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. **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. **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. **Provtrycka allt** Tryck ett test av CMYK-versionen och jämför det med färgprovet innan en stor upplaga.
6. **Skriv ner alla fyra värdena** Notera Pantone, CMYK, RGB och hex i din [grafiska profil](https://gradiently.design/sv/guide/brand-style-guide), 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](https://gradiently.design/sv/guide/design-tokens) visar hur team lagrar detta.

Visitkort för en fysioterapiklinik som heter Northside Physio

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

Stående Instagraminlägg för samma fysioterapiklinik som aviserar kvällsbesök

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](https://gradiently.design/sv/guide/brand-color-codes) och [så väljer du varumärkesfärger](https://gradiently.design/sv/guide/how-to-choose-brand-colors) går djupare.

- Varumärkesblått, från ljust till djupt: `linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%)`
- Varumärkesblått med en ljuskälla: `radial-gradient(circle at 75% 25%, #3b82f6 0%, #1d4ed8 45%, #0b1a4a 100%)`

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.

## FAQ

### 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.