# Pantone vs hex: slik matcher du merkevarefarger på trykk og skjerm

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

En merkevarefarge må tåle et visittkort, et butikkskilt, et nettsted og en Instagram-story. Pantone og hex løser hver sin halvdel av det. Her ser du hvordan de henger sammen, og hvordan du får dem til å stemme.

## The short version

- Forskjellen på Pantone og hex handler om medium: en Pantone-farge er et bestemt ferdigblandet trykkblekk, mens en hex-kode er en RGB-farge for skjerm.
- Pantone-farger trykkes som spotfarger, ett nøyaktig blekk per farge, mens vanlig trykk bygger fargene av fire prosessblekk, CMYK.
- Pantone publiserer RGB-, hex- og CMYK-verdier for fargene sine, men de er tilnærminger, og noen Pantone-blekk kan ikke gjengis nøyaktig på skjerm eller i CMYK.
- En bestrøket og en ubestrøket versjon av samme Pantone-nummer ser forskjellige ut, og derfor ender kodene på C eller U.
- En komplett spesifikasjon av en merkevarefarge oppgir en Pantone-referanse, en CMYK-fordeling, en RGB-verdi og en hex-kode, hver av dem kontrollert med øyet i stedet for konvertert i blinde.

**Pantone vs hex** handler egentlig om blekk mot lys. En Pantone-farge er et nummerert, ferdigblandet trykkblekk du kan holde i hånden som en fysisk fargeprøve. En hex-kode, for eksempel `#1d4ed8`, er et sett verdier for rødt, grønt og blått som forteller en skjerm hvor mye lys den skal sende ut. Ingen av dem lar seg konvertere perfekt til den andre. Pantone publiserer hex- og CMYK-verdier, og de er nyttige utgangspunkt, men en merkevare som ser riktig ut overalt, velger hver versjon med øyet og skriver ned alle sammen.

## Hva en Pantone-farge egentlig er

Pantone Matching System er en katalog over standardiserte blekkoppskrifter, hver med sitt nummer. Et trykkeri hvor som helst kan blande den samme oppskriften og få, innenfor en toleranse, den samme fargen. Endelsen forteller hvilket papir fargen er laget for: **C** for bestrøket og **U** for ubestrøket. Det samme blekket ser lysere og skarpere ut på bestrøket papir og mykere, mørkere og flatere på ubestrøket, så koder som *PMS 186 C* og *PMS 186 U* er bevisst oppført som separate fargeprøver.

## Spotfarge vs prosessfarge

### Spotfarge (Pantone)

- Ett ferdigblandet blekk per farge
- Svært jevnt fra opplag til opplag
- Når farger CMYK ikke når, også metallic og fluorescerende
- Hvert ekstra spotblekk gir en ny trykkplate og mer kostnad
- Ideelt for logoer, brevpapir, emballasje og skilt

### Prosessfarge (CMYK)

- Farger bygget av fire blekk i små prikker
- Kan variere mer mellom trykkpresser og papir
- Mindre fargeomfang; de klareste fargene trekkes inn
- Håndterer foto og gradienter uten problemer
- Ideelt for flygeblad, brosjyrer, magasiner og plakater

Mange merkevarer bruker begge: logoen trykket som Pantone-spotfarge på brevark og emballasje, og en CMYK-match for flygeblad i fullfarge. [RGB vs CMYK](https://gradiently.design/nb/guide/rgb-vs-cmyk) forklarer hvorfor prosessfarge mister noen av de klareste nyansene.

## Hex og RGB: farge som lys

En hex-kode er bare RGB skrevet i 16-tallssystemet: to tegn hver for rødt, grønt og blått, fra `00` til `ff`. `#1d4ed8` betyr rødt 29, grønt 78, blått 216. Som tall er den presis, men ikke som utseende, fordi hver skjerm viser den litt forskjellig avhengig av panel, lysstyrke og innstillinger. [Fargekoder forklart](https://gradiently.design/nb/guide/color-codes-explained) dekker hex, RGB, HSL og resten.

| System | Hva det beskriver | Brukes til | Eksempel på notasjon |
| --- | --- | --- | --- |
| Pantone | Et fysisk, ferdigblandet blekk | Logoer, emballasje, skilt | PMS 186 C |
| CMYK | Prosentandeler av fire prosessblekk | Det meste av kommersielt trykk | C0 M60 Y90 K0 |
| RGB | Mengder rødt, grønt og blått lys | Skjermer, video, apper | rgb(29 78 216) |
| Hex | RGB skrevet i 16-tallssystemet | Nettsteder, designverktøy | #1d4ed8 |

Fire måter å navngi én merkevarefarge på. Hver av dem hører til et eget medium.

## Hvorfor Pantone til hex alltid blir omtrentlig

- **Ulike fargeomfang:** noen Pantone-blekk, særlig klare oransjer, grønne, fluorescerende og metalliske, ligger utenfor det en vanlig skjerm kan vise.
- **Papir og lys:** en blekkprøve endrer seg med papiret og med lyset du ser den i; en skjerm sender ut sitt eget lys.
- **Skjermer varierer:** den samme hex-koden ser forskjellig ut på to skjermer, så ingen enkelt hex kan matche et fysisk blekk overalt.
- **Oppdateringer:** Pantone har revidert de digitale verdiene sine opp gjennom årene, så eldre designmanualer kan oppgi andre hex-verdier for det samme blekket.

> **Bruk konverterere som et utgangspunkt** Nettverktøy for Pantone til hex gir deg et tall, ikke en match. Bruk Pantones egne publiserte verdier eller Pantone Connect som første gjetning, og juster deretter med øyet mot en fysisk fargeprøve.

## Slik matcher du en merkevarefarge på trykk og skjerm

1. **Bestem hvilket medium som leder** Lever merkevaren mest på trykk, som emballasje eller en butikkfasade, velger du Pantone-fargen først. Lever den mest på skjerm, velger du hex først og finner nærmeste Pantone.
2. **Velg fra en fysisk fargeguide** Velg blekket fra en trykt Pantone-guide i dagslys eller nøytralt lys, i den bestrøkne eller ubestrøkne boken som passer papiret ditt.
3. **Finn nærmeste skjermfarge med øyet** Start med Pantones publiserte hex, hold så prøven ved siden av en kalibrert eller god skjerm og juster til de to oppleves like.
4. **Få en CMYK-fordeling fra trykkeriet** Be om den beste CMYK-versjonen på deres presse og papir, til jobber som ikke skal bruke spotblekket.
5. **Ta prøvetrykk av alt** Skriv ut en test av CMYK-versjonen og sammenlign den med fargeprøven før et stort opplag.
6. **Skriv ned alle fire verdiene** Noter Pantone, CMYK, RGB og hex i [den grafiske profilmanualen](https://gradiently.design/nb/guide/brand-style-guide), så ingen konverterer på sparket.

```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 oversikt over en merkevarefarge med alle versjonene samlet. Fyll inn trykkverdiene fra fargeprøver og prøvetrykk, ikke fra en konverterer. [Design tokens](https://gradiently.design/nb/guide/design-tokens) viser hvordan team lagrer dette.

Visittkort for en fysioterapiklinikk som heter Northside Fysio

Et visittkort på 1050×600 px. På trykk går merkevarefargen som ett spotblekk, så hvert nytt opplag matcher.

Stående Instagram-innlegg for den samme fysioterapiklinikken som annonserer kveldstimer

Den samme merkevaren på Instagram i 1080×1350, der hex-koden som er valgt for å stå ved siden av det trykte blekket, tar over.

## Merkevarefarger utover én enkelt fargeprøve

En flat merkevarefarge er lett å spesifisere og lett å kopiere, og på skjerm gir mange merkevarer i dag dybde med lys, gradienter og tekstur. Det hører hjemme i RGB: bygg det fra merkevarens hex og nabofargene, og behold den flate Pantone-fargen til trykkjobber der ett nøyaktig blekk betyr noe. [Merkevarens fargekoder](https://gradiently.design/nb/guide/brand-color-codes) og [slik velger du merkevarefarger](https://gradiently.design/nb/guide/how-to-choose-brand-colors) går videre.

- Merkevareblå, fra lys til dyp: `linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%)`
- Merkevareblå med en lyskilde: `radial-gradient(circle at 75% 25%, #3b82f6 0%, #1d4ed8 45%, #0b1a4a 100%)`

Skjermversjoner bygget rundt én hex for merkevaren. På trykk gjengis en slik gradient vanligvis i CMYK i stedet for som spotblekk.

En Gradiently-Mark tar den tanken videre: en levende bakgrunn med egne farger, eget lys og egen korning, som eies av én merkevare om gangen. Søk i Markedet med fargeord som «dyp blå» for å finne en som ligger nær merkevarefargen din.

## FAQ

### Hva er forskjellen på Pantone og hex?

Pantone identifiserer et fysisk, ferdigblandet trykkblekk. Hex er en RGB-verdi som forteller en skjerm hvor mye rødt, grønt og blått lys den skal vise.

### Kan man konvertere Pantone til hex nøyaktig?

Nei. Pantone publiserer hex-verdier, men de er tilnærminger fordi blekk, papir og skjermer oppfører seg forskjellig, og noen blekk ligger utenfor skjermens fargeomfang.

### Hva betyr C og U i Pantone?

C betyr at fargeprøven gjelder bestrøket papir, og U betyr ubestrøket. Det samme blekket ser forskjellig ut på hvert av dem, så de er oppført hver for seg.

### Hva er en spotfarge?

En spotfarge trykkes med sitt eget ferdigblandede blekk i stedet for å bygges av CMYK-prikker. Den er jevnere og kan nå farger CMYK ikke klarer.

### Trenger merkevaren min Pantone-farger?

Bare hvis du trykker ting der nøyaktig farge betyr noe, som emballasje, skilt eller brevpapir. En merkevare som først og fremst er digital, kan starte med hex og RGB, pluss en kontrollert CMYK-versjon til trykk en gang iblant.