Markkinat
Hinnoittelu
Kirjaudu sisäänAloita
SuunnitteluopasVärit
Värit

Pantone ja hex: brändivärit painossa ja näytöllä

Brändivärin pitää toimia käyntikortissa, liikekyltissä, verkkosivulla ja Instagram-tarinassa. Pantone ja hex ratkaisevat kumpikin osan tehtävästä. Näin saat ne sopimaan yhteen.

GradientlyVahvistettu Gradiently-tili·1. lokakuuta 2026·4 min lukuaika
Kansi: Flamingo Lodge · GR·EE34·KY

Lyhyesti

  • Pantone ja hex eroavat esitystavassaan: Pantone-väri on tietty esisekoitettu painomuste, hex-koodi taas näyttöjen RGB-väri.
  • Pantone-värit painetaan spottiväreinä, yksi täsmällinen muste kutakin väriä kohti. Tavallisessa painatuksessa värit rakennetaan neljästä CMYK-prosessiväristä.
  • Pantone julkaisee väriensä RGB-, hex- ja CMYK-vastineet, mutta ne ovat likiarvoja. Joitakin Pantone-musteita ei voi toistaa täsmälleen näytöllä tai CMYK-väreillä.
  • Sama Pantone-numero näyttää erilaiselta päällystetyllä ja päällystämättömällä paperilla. Siksi koodin lopussa on C tai U.
  • Täydellinen brändivärin määrittely sisältää Pantone-viitteen, CMYK-arvot, RGB-arvon ja hex-koodin. Jokainen tarkistetaan silmämääräisesti, ei pelkällä muunnoksella.
Tällä sivulla
Mikä Pantone-väri oikeastaan onSpottiväri ja prosessiväriHex ja RGB: väri valonaMiksi Pantonen hex-muunnokset ovat likiarvojaBrändivärin sovittaminen painoon ja näytölleBrändivärit värinäytettä laajemmin

Pantone ja hex tarkoittavat pohjimmiltaan mustetta ja valoa. Pantone-väri on numeroitu, esisekoitettu painomuste, jota voit katsella fyysisenä värinäytteenä. Hex-koodi, kuten #1d4ed8, määrittää punaisen, vihreän ja sinisen määrät ja kertoo näytölle, kuinka paljon valoa sen pitää tuottaa. Kumpikaan ei muunnu täydellisesti toiseksi. Pantonen julkaisemat hex- ja CMYK-vastineet ovat hyödyllisiä lähtökohtia. Kaikkialla oikealta näyttävä brändi valitsee silti jokaisen version silmämääräisesti ja kirjaa ne kaikki talteen.

Mikä Pantone-väri oikeastaan on

Pantone Matching System on luettelo vakioiduista musteresepteistä, joilla kullakin on numero. Painotalo voi missä tahansa sekoittaa saman reseptin ja saada toleranssien rajoissa saman värin. Pääteliite kertoo, mille paperille väri on suunniteltu: C tarkoittaa päällystettyä ja U päällystämätöntä paperia. Sama muste näyttää päällystetyllä paperilla kirkkaammalta ja terävämmältä, päällystämättömällä pehmeämmältä, tummemmalta ja tasaisemmalta. Siksi esimerkiksi PMS 186 C ja PMS 186 U esitetään tarkoituksella erillisinä värinäytteinä.

Spottiväri ja prosessiväri

Spottiväri (Pantone)

  • Yksi esisekoitettu muste kutakin väriä kohti
  • Erittäin tasainen tulos painoerästä toiseen
  • Toistaa värejä, joihin CMYK ei yllä, myös metalli- ja fluoresoivia värejä
  • Jokainen lisäspottiväri vaatii oman painolevyn ja lisää kustannuksia
  • Sopii logoihin, kirjepapereihin, pakkauksiin ja kyltteihin

Prosessiväri (CMYK)

  • Värit muodostuvat neljän musteen pienistä pisteistä
  • Tulos voi vaihdella enemmän painokoneen ja paperin mukaan
  • Suppeampi väriavaruus vaimentaa kirkkaimpia värejä
  • Toistaa helposti valokuvia ja liukuvärejä
  • Sopii esitteisiin, lehtiin ja julisteisiin

Monet brändit käyttävät molempia: logo painetaan Pantone-spottivärillä kirjepapereihin ja pakkauksiin, CMYK-vastineella taas neliväriesitteisiin. RGB ja CMYK kertoo, miksi prosessiväreillä menetetään osa kirkkaimmista sävyistä.

Hex ja RGB: väri valona

Hex-koodi on RGB-arvo kuusitoistajärjestelmässä: punaiselle, vihreälle ja siniselle on kullekin kaksi merkkiä väliltä 00 ja ff. #1d4ed8 tarkoittaa punaista 29, vihreää 78 ja sinistä 216. Luku on täsmällinen, mutta ulkoasu ei, sillä jokainen näyttö toistaa sen hieman eri tavalla paneelinsa, kirkkautensa ja asetustensa mukaan. Värikoodien opas käy läpi hexin, RGB:n, HSL:n ja muut esitystavat.

PantoneFyysinen esisekoitettu muste

Käyttö

Logot, pakkaukset, kyltit

Esimerkkimerkintä

PMS 186 C
CMYKNeljän prosessimusteen prosenttiosuudet

Käyttö

Useimmat kaupalliset painotyöt

Esimerkkimerkintä

C0 M60 Y90 K0
RGBPunaisen, vihreän ja sinisen valon määrät

Käyttö

Näytöt, videot, sovellukset

Esimerkkimerkintä

rgb(29 78 216)
HexRGB kuusitoistajärjestelmässä

Käyttö

Verkkosivut, suunnittelutyökalut

Esimerkkimerkintä

#1d4ed8
JärjestelmäMitä se kuvaaKäyttöEsimerkkimerkintä
PantoneFyysinen esisekoitettu musteLogot, pakkaukset, kyltitPMS 186 C
CMYKNeljän prosessimusteen prosenttiosuudetUseimmat kaupalliset painotyötC0 M60 Y90 K0
RGBPunaisen, vihreän ja sinisen valon määrätNäytöt, videot, sovelluksetrgb(29 78 216)
HexRGB kuusitoistajärjestelmässäVerkkosivut, suunnittelutyökalut#1d4ed8
Neljä tapaa määrittää yksi brändiväri. Jokainen kuuluu eri esitystapaan.

Miksi Pantonen hex-muunnokset ovat likiarvoja

  • Eri väriavaruudet: jotkin Pantone-musteet, etenkin kirkkaat oranssit ja vihreät sekä fluoresoivat ja metallivärit, jäävät tavallisen näytön toistoalueen ulkopuolelle.
  • Paperi ja valo: mustenäytteen ulkoasu muuttuu paperin ja katseluvalon mukaan. Näyttö tuottaa oman valonsa.
  • Näyttöjen erot: sama hex näyttää erilaiselta kahdella näytöllä, joten yksikään hex-arvo ei vastaa fyysistä mustetta kaikkialla.
  • Päivitykset: Pantone on muuttanut digitaalisia arvojaan vuosien mittaan. Vanhoissa brändiohjeissa voi siksi olla samalle musteelle eri hex-vastine.

Käytä muuntimia lähtökohtana

Verkon Pantone-hex-muuntimet antavat luvun, eivät taattua vastaavuutta. Aloita Pantonen julkaisemista arvoista tai Pantone Connectista ja säädä väriä sitten silmämääräisesti fyysisen näytteen rinnalla.

Brändivärin sovittaminen painoon ja näytölle

  1. 1

    Päätä ensisijainen käyttötapa

    Jos brändi näkyy enimmäkseen painettuna, esimerkiksi pakkauksissa tai liiketilan julkisivussa, valitse Pantone ensin. Jos se näkyy pääosin näytöillä, valitse ensin hex ja etsi lähin Pantone.

  2. 2

    Valitse fyysisestä väriviuhkasta

    Valitse muste painetusta Pantone-viuhkasta päivänvalossa tai neutraalissa valossa. Käytä paperiasi vastaavaa päällystetyn tai päällystämättömän paperin viuhkaa.

  3. 3

    Etsi lähin näyttöväri silmämääräisesti

    Aloita Pantonen julkaisemasta hex-arvosta. Pidä sitten värinäytettä kalibroidun tai laadukkaan näytön vieressä ja säädä, kunnes värit tuntuvat samoilta.

  4. 4

    Pyydä painotalolta CMYK-arvot

    Pyydä painotalon koneelle ja paperille paras CMYK-versio niitä töitä varten, joissa spottimustetta ei käytetä.

  5. 5

    Tarkista vedokset

    Tulosta CMYK-version koevedos ja vertaa sitä värinäytteeseen ennen suurta painoerää.

  6. 6

    Kirjaa kaikki neljä arvoa

    Tallenna Pantone-, CMYK-, RGB- ja hex-arvot brändiohjeistoon, jotta kenenkään ei tarvitse muuntaa niitä lennossa.

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"
  }
}
Brändivärin tiedot yhdessä paikassa. Täytä painoarvot värinäytteistä ja vedoksista, älä muuntimesta. Design-tokenit näyttävät, miten tiimit tallentavat nämä tiedot.
Northside Physio
12 Harbour Road · Varaa verkossa

Käyntikortti koossa 1050×600 px. Painossa brändiväri toistetaan yhtenä spottimusteena, jotta uusintapainokset vastaavat toisiaan.

Northside Physio
Iltavastaanotot nyt varattavissa.
Varaa verkossa maanantaista torstaihin
Gradiently · @gradiently

Sama brändi Instagramissa koossa 1080×1350. Täällä käytetään hex-väriä, joka on valittu sopimaan painetun musteen rinnalle.

Brändivärit värinäytettä laajemmin

Tasainen brändiväri on helppo määritellä ja kopioida. Näytöillä monet brändit lisäävät siihen nyt syvyyttä valolla, liukuväreillä ja tekstuureilla. Ne toimivat RGB-avaruudessa: rakenna ne brändin hex-väristä ja sen lähisävyistä. Säilytä tasainen Pantone niihin painotöihin, joissa yksi täsmällinen muste on tärkeä. Brändin värikoodit ja brändivärien valinta kertovat lisää.

Näyttöversiot yhden brändin hex-värin ympärillä. Painossa tällainen liukuväri toistetaan yleensä CMYK-väreillä, ei spottimusteella.

Gradientlyn Mark vie ajatuksen pidemmälle: elävä tausta omine väreineen, valoineen ja rakeisuuksineen kuuluu yhdelle brändille kerrallaan. Etsi Markkinoilta värisanoilla, kuten ”deep blue”, brändiväriäsi lähellä oleva Mark.

Löydä liukuväri, joka on vain sinun

Selaa tuhansia Markeja, suunnittele millä tahansa niistä ilmaiseksi ja lunasta se, joka tuntuu sinulta.

Selaa Markkinoita

Usein kysyttyä

Mitä eroa on Pantonella ja hexillä?

Pantone määrittää fyysisen esisekoitetun painomusteen. Hex on RGB-arvo, joka kertoo näytölle punaisen, vihreän ja sinisen valon määrät.

Voiko Pantonen muuntaa hexiksi täsmällisesti?

Ei. Pantone julkaisee hex-vastineita, mutta ne ovat likiarvoja, koska musteet, paperi ja näytöt käyttäytyvät eri tavoin. Osa musteista jää näytön toistoalueen ulkopuolelle.

Mitä C ja U tarkoittavat Pantone-koodeissa?

C tarkoittaa päällystetylle ja U päällystämättömälle paperille tarkoitettua näytettä. Sama muste näyttää niillä erilaiselta, joten näytteet esitetään erikseen.

Mikä on spottiväri?

Spottiväri painetaan omalla esisekoitetulla musteellaan sen sijaan, että se rakennettaisiin CMYK-pisteistä. Se toistuu tasaisemmin ja yltää väreihin, joita CMYK ei voi toistaa.

Tarvitseeko brändini Pantone-värejä?

Vain jos painat materiaaleja, joissa täsmällinen väri on tärkeä, kuten pakkauksia, kylttejä tai kirjepapereita. Digitaalinen brändi voi aloittaa hexistä ja RGB:stä sekä tarkistetusta CMYK-versiosta satunnaisia painotöitä varten.

Jaa tämä opas

Kirjoittanut GradientlyVahvistettu Gradiently-tili

Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.

Katso profiilimme

Tällä sivulla

Mikä Pantone-väri oikeastaan onSpottiväri ja prosessiväriHex ja RGB: väri valonaMiksi Pantonen hex-muunnokset ovat likiarvojaBrändivärin sovittaminen painoon ja näytölleBrändivärit värinäytettä laajemmin

Jaa tämä opas

Seuraavaksi aiheesta Värit

Hex RGB-muotoon: muunna värikoodit käsin tai koodilla

Lue myös

Kaikki oppaat aiheesta Värit
Värit

RGB ja CMYK: miksi värit muuttuvat painettaessa

4 min lukuaika

Juliste näytti kannettavalla sähköisen kirkkaalta mutta saapui painosta vaisuna. Tiedostossa ei ollut vikaa: näyttö ja paperi tuottavat värit päinvastaisilla tavoilla. Näin varaudut muutoksiin.

Värit

Heksakoodit, RGB, HSL ja OKLCH selitettynä

4 min lukuaika

#7c3aed, rgb(124 58 237), hsl(262 83% 58%) ja `oklch(54.1% 0.247 293)` ovat sama violetti. Tässä kerrotaan, mitä kukin merkintätapa oikeasti sanoo ja milloin kukin ansaitsee paikkansa.

Värit

Brändin värikoodit: hex, RGB, CMYK ja Pantone talteen

4 min lukuaika

Brändiväri pysyy yhtenäisenä vain, jos jokaisella sitä käyttävällä on oikea koodi omaan mediaansa. Tässä tyylioppaan taulukko, koodien käyttötarkoitukset ja määritysjärjestys.

Löydä ilme, joka on vain sinun.

Jokainen Mark on elävä tausta, jolla on yksi omistaja. Kokeile vapaata Markia ja lunasta omasi, kun se tuntuu oikealta.

Aloita suunnittelu

Tarkista sertifikaatti

Kirjoita sertifikaatin numero tai Markin koodi nähdäksesi, kuka sen omistaa.

Toimii ChatGPT:n ja Clauden kanssa

Pyydä tekoälyltäsi designia. Se tekee sen Markissasi, muokkausvalmiina.

ChatGPTClaude
Näin yhdistät

Tuote

  • Markkinat
  • Selaa
  • Hinnoittelu
  • Sertifikaatit

Opi

  • Suunnitteluopas
  • Ohjekeskus
  • Mitä uutta

Kehittäjille

  • Yleiskatsaus
  • ChatGPT ja Claude
  • API-viite
  • API-avaimet

Yritys

  • Tietoa meistä
  • Ota yhteyttä
  • Kirjaudu sisään

Juridiikka

  • Ehdot
  • Tietosuoja
  • Hyvitykset
  • Markin suoja
  • Evästeet
  • Kaikki käytännöt
Liiku kirjainten yli. Jokaisessa on oikea Mark.Kosketa kirjainta nähdäksesi sen Markin.Yksi nimi. Kymmenen Markia sen sisällä.
© 2026 Gradiently