Miten valita värit mainokseen ja brändiin: mielleyhtymät, kontrasti, 60-30-10 ja paino
Valitse 2–3 brändiväriä ja jaa ne suhteessa 60-30-10: 60 % taustaa, 30 % täydentävää väriä ja 10 % korostusta tärkeimmälle elementille. Sijoita teksti taustalle, jonka kontrasti on vähintään 4,5:1 (WCAG), ja käytä painossa vähintään 7–8 pt:n kokoa. Tee painoaineisto CMYK-väreissä, 300 DPI:n resoluutiolla mittakaavassa 1:1 ja niin, että musteen kokonaispeitto on päällystetyllä paperilla enintään noin 300 %. Tarkista värit vedoksesta, sillä RGB-näyttö näyttää sävyt vaaleampina ja kylläisempinä kuin paperi.
Mainoksen värit ratkaisevat, huomaako kukaan julistettasi, esitettäsi tai kylttiäsi ja ehtiikö hän lukea, mitä tarjoat. Tähän ei tarvita teorioita ”värien psykologiasta”. Riittää muutama hyväksi havaittu periaate: alan mielleyhtymien harkittu käyttö, vahva kontrasti, suhde 60-30-10, yhtenäinen brändipaletti ja tieto siitä, ettei painotuote näytä samalta kuin näyttö. Alla ne on koottu käytännönläheisesti, samaan tapaan kuin niitä sovelletaan suurkuvapainossa.
Millaisia mielleyhtymiä värit herättävät eri aloilla?
Värien mielleyhtymät ovat kulttuurisia ja alakohtaisia tapoja, eivät psykologian ehdottomia lakeja. Sininen ei saa asiakasta luottamaan sinuun, mutta rahoitusalalla se näyttää ”oikealta”, koska kilpailijat ovat totuttaneet yleisön siihen. Pidä alla olevaa koostetta lähtökohtana, älä reseptinä.
Itse sävyä tärkeämpää on, erotutko viereisistä yrityksistä. Jos kaikilla paikkakuntasi korjaamoilla on puna-mustat kyltit, tummansininen ja oranssi voi olla parempi valinta. Myös sävyllä on merkitystä: oliivinvihreä viestii eri asiaa kuin neonlimetti.
| Väri | Missä sitä näkee usein | Mitä kannattaa varoa |
|---|---|---|
| Sininen | rahoitus, IT, terveydenhuolto, tekniset palvelut, LVI | hyvin yleinen, kilpailijoiden joukkoon on helppo hukkua |
| Vihreä | puutarha-ala, ekologia, terveellinen ruoka, farmasia | näytön kirkkaat vihreät menettävät kylläisyyttään CMYK:ssa |
| Punainen | ravintola-ala, alennusmyynnit, autoala, urheilu | suurina määrinä väsyttää; painossa sävy karkaa helposti vaaleanpunaiseen tai tiilenpunaiseen |
| Keltainen ja oranssi | rakentaminen, pikaruoka, kampanjat, lapsille suunnattu tarjonta | keltainen teksti valkoisella taustalla on käytännössä lukukelvoton |
| Musta ja kulta | muoti, luksus, premium-ravintolat | CMYK-kulta on vain beigeä tai ruskeaa; aidon kiillon saa foliolla tai erikoisvärillä |
| Vaaleanpunainen ja violetti | kosmetiikka, kauneusala, konditoriat, lasten tuotteet | CMYK-paino toistaa voimakkaat violetit ja pinkit heikosti |
Kontrasti ja luettavuus: kuinka paljon kontrastia teksti tarvitsee?
Turvallisin mittari on WCAG-standardi: tavallisen tekstin kontrastin taustaan nähden pitää olla vähintään 4,5:1 ja suuren tekstin (noin 18 pt:stä tai lihavoituna 14 pt:stä alkaen) vähintään 3:1. Arvot on laadittu näytöille, mutta ne toimivat erinomaisesti myös painossa, jossa mukaan tulevat heijastukset, heikko valaistus ja katsominen liikkeessä. Kontrastin voit tarkistaa ilmaisella laskurilla syöttämällä molempien värien HEX-koodit.
Pienkoon painotuotteissa älä mene leipätekstissä alle 7–8 pt:n, ja tee negatiiviteksti (vaalea teksti tummalla taustalla) hieman suuremmaksi ja paksummaksi, koska muste ”täyttää” ohuita viivoja. Bannereissa ja roll-upeissa luettavuuden ratkaisee katseluetäisyys, joten helpointa on tulostaa osa aineistosta mittakaavassa 1:1 ja katsoa sitä todellisen etäisyyden päästä. Muista myös värinäön häiriöistä kärsivät: älä välitä tietoa pelkällä värillä, esimerkiksi punaisella ja vihreällä ilman lisämerkintää.
- Toimii hyvin: tummansininen tai musta valkoisella, valkoinen tummanvihreällä, musta keltaisella.
- Toimii huonosti: keltainen valkoisella, punainen vihreällä, harmaa harmaalla, sininen mustalla.
- Sijoita kuvan päälle tuleva teksti rauhalliseen kohtaan tai puoliläpinäkyvän väripinnan päälle.
- Vältä ohuita kirjaintyyppejä pienissä koissa ja negatiivitekstissä.
Mikä on 60-30-10-sääntö?
60-30-10-sääntö on peräisin sisustussuunnittelusta, ja se jäsentää värit missä tahansa työssä. Noin 60 % pinta-alasta on hallitsevaa väriä (yleensä tausta tai neutraali väri), 30 % täydentävää väriä (lohkot, otsikot, kuvitukset) ja 10 % korostusväriä eli voimakkainta sävyä, joka varataan katseen vangitsevalle asialle: hinnalle, puhelinnumerolle, painikkeelle tai ”tilaa”-kehotukselle.
Suhde on suuntaa antava, ei jäykkä sääntö. Konserttijulisteessa voi olla 80 % voimakasta väriä, ja hinnasto voi olla lähes kokonaan valkoinen pienellä korostuksella. Tärkeintä on, että korostusta käytetään säästeliäästi, sillä kaikkialla käytetty väri ei enää nosta esiin mitään.
| Työ | 60 % (hallitseva) | 30 % (täydentävä) | 10 % (korostus) |
|---|---|---|---|
| Pizzerian A5-esite | kermanvaalea tausta | tummanruskea otsikoissa ja kuvissa | punainen hinnassa ja puhelinnumerossa |
| IT-yrityksen roll-up 85×200 cm | valkoinen | tummansininen raidoissa ja otsikossa | limetti verkko-osoitteessa |
| Kahvilan A4-ruokalista | tummanvihreä | beige tekstissä ja kehyksissä | kuparinsävy päivän annosten kohdalla |
| Korjaamon 120 cm:n kyltti | grafiitti | valkoinen yrityksen nimessä | oranssi puhelinnumerossa |
Miten brändin väripaletti rakennetaan?
Brändipalettiin kuuluu yleensä yksi pääväri, yksi tai kaksi täydentävää väriä, kaksi neutraalia (esim. lähes musta ja vaaleanharmaa) sekä mahdollisesti yksi korostusväri. Useampi väri vaikeuttaa yhtenäisyyden säilyttämistä käyntikortin, kyltin ja somepostauksen välillä. Tallenna jokainen väri useana arvona, koska painotalo, verkkosivut ja kylttivalmistaja tarvitsevat eri tiedot.
Testaa paletti käytännössä ennen kuin hyväksyt sen: valkoisella ja tummalla taustalla, pienessä tekstissä ja isolla pinnalla, näytöllä ja tulosteena. Jos tilaat suunnittelun esimerkiksi plakaty.shopista (wielkareklama.eu studio), kirjoita lomakkeeseen tarkat HEX-koodit ”sinisen” sijaan, niin saamasi ehdotukset osuvat lähemmäs brändiäsi.
- HEX ja RGB: verkkosivut, some, verkkobannerit.
- CMYK: digi- ja offsetpaino, suurkuvatulosteet.
- Pantone (PMS): erikoisväripaino, liikelahjat, vaatteet, jos brändi sitä vaatii.
- RAL: kyltit, maalatut osat, seinät ja valomainokset.
- Tee logosta myös yksivärinen ja negatiiviversio kaiverrusta tai yksiväripainoa varten.
Painon ja näytön värit: miksi ne näyttävät erilaisilta?
Näyttö loistaa ja sekoittaa valoa RGB-mallissa, kun taas paperi vain heijastaa valoa CMYK-musteiden alta. CMYK-väriavaruus on suppeampi, joten neonvihreät, voimakkaat siniset, violetit ja oranssit näyttävät painettuina hillitymmiltä. Maksimiin säädetty näytön kirkkaus nostaa odotuksia entisestään, joten näytöllä ”juuri sopiva” voi paperilla olla liian tumma.
Tee painoaineisto CMYK-väreissä painotalon ilmoittamalla profiililla, useimmiten FOGRA-perheestä päällystetylle tai päällystämättömälle paperille. Väriin vaikuttaa myös materiaali: sama tiedosto näyttää erilaiselta kiiltävällä päällystetyllä paperilla, offsetpaperilla, PVC-bannerilla tai tarrakalvolla. Tärkeissä töissä tilaa vedos ja arvioi sitä päivänvalossa.
| Ominaisuus | Paino | Näyttö |
|---|---|---|
| Värimalli | CMYK (tai Pantone-erikoisvärit) | RGB |
| Väriavaruus | suppeampi, toistaa neonvärit ja violetit heikommin | laajempi, värit vaaleampia ja kylläisempiä |
| Resoluutio | 300 DPI mittakaavassa 1:1 pienille formaateille; kaukaa katsottava banneri yleensä 100–150 DPI mittakaavassa 1:1 | ratkaisevaa on mitta pikseleinä, esim. 1080×1080 px |
| Materiaalin vaikutus | päällystetty ja päällystämätön paperi, PVC ja kalvo muuttavat sävyä | riippuu näytön kalibroinnista ja kirkkaudesta |
| Valkoinen | paperin väri, sitä ei painata | loistava pikseli |
Musta, kulta ja isot tasapinnat: mitä tarkistaa ennen painoa?
Aseta pieni teksti puhtaaseen mustaan 100 % K, sillä neljästä musteesta koostuva musta tuottaa pienimmästäkin kohdistusvirheestä värillisiä reunoja. Isot mustat pinnat taas näyttävät pelkällä K:lla grafiitinharmailta, joten niissä käytetään syvää mustaa, esim. C40 M30 Y30 K100. Pidä musteen kokonaispeitto yleensä enintään noin 300 %:ssa päällystetyllä paperilla ja sitä alempana päällystämättömällä, painotalon ohjeiden mukaisesti.
Metalli- ja fluoresoivia värejä ei ole tavallisessa CMYK:ssa. Jos haluat kultaa tai neonia, kysy foliosta tai erikoisväristä tai hyväksy liukuvärillä tehty jäljitelmä. Isot yhtenäiset väripinnat, varsinkin harmaat ja beiget, paljastavat painoerien väliset erot nopeimmin, joten anna lisäpainatuksissa painotalolle sama tiedosto ja sama materiaali.
- Teksti noin 12 pt:hen asti: vain 100 % K.
- Iso musta pinta: syvä musta, ei 100/100/100/100.
- Ilmoita logon värit tarkkoina CMYK-arvoina, älä automaattisena muunnoksena.
- Vie reunaan asti ulottuvat elementit 3 mm:n leikkuuvaraan, jotta leikkauksen jälkeen ei jää valkoisia raitoja.
Tarkistuslista
- Paletissa on enintään 3–4 väriä neutraalien lisäksi, ja korostusväri kattaa noin 10 % pinta-alasta
- Tekstin ja taustan kontrasti on vähintään 4,5:1, isoissa teksteissä 3:1
- Painetun tekstin koko on vähintään 7–8 pt, ja negatiiviteksti on riittävän paksua
- Painotiedosto on CMYK-väreissä painotalon ilmoittamalla profiililla
- Pieni teksti on 100 % K:ta, isot mustat pinnat syvää mustaa
- Musteen kokonaispeitto ei ylitä painotalon rajaa (yleensä noin 300 %)
- Grafiikassa on 3 mm:n leikkuuvara ja turva-alue, ja resoluutio sopii formaattiin
- Brändivärit vastaavat tallennettuja HEX-, CMYK- tai Pantone-koodeja
- Olet lukenut kaikki tekstit, puhelinnumerot ja osoitteet ennen painoa
Usein kysyttyä
Mitkä värit toimivat mainonnassa parhaiten?
Yhtä parasta väriä ei ole. Parhaiten toimivat suuren kontrastin yhdistelmät, jotka erottavat sinut kilpailijoista ja sopivat alan käytäntöihin. Myös suhteilla on merkitystä: yksi voimakas korostus rauhallisten sävyjen keskellä vetää katsetta paremmin kuin monta kirkasta väriä yhtä aikaa.
Montako väriä brändin paletissa pitäisi olla?
Yleensä riittää yksi pääväri, yksi tai kaksi täydentävää väriä ja kaksi neutraalia, esim. tumma grafiitti ja vaaleanharmaa. Tällainen paletti pysyy helposti yhtenäisenä käyntikortissa, kyltissä ja verkossa. Lisävärejä kannattaa ottaa vain, jos brändillä on monta toisistaan erotettavaa tuotelinjaa.
Miksi tulosteen värit poikkeavat näytön väreistä?
Näyttö esittää värit valona RGB-mallissa, kun taas paino käyttää CMYK-musteita, joiden väriavaruus on suppeampi. Siksi neonvärit ja hyvin kylläiset sävyt ovat painettuina hillitympiä, ja liian kirkkaaksi säädetty näyttö saa tulosteen näyttämään tummemmalta. Apua on CMYK-aineistosta oikealla profiililla sekä vedoksesta.
Annetaanko painotalolle värit RGB- vai CMYK-arvoina?
Painoa varten anna CMYK-arvot ja erikoisväripainossa Pantone-numero. RGB ja HEX jäävät verkkosivujen ja somen käyttöön. Jos sinulla on vain RGB-arvot, painotalo muuntaa tiedoston, mutta jotkin sävyt voivat muuttua, joten muunnoksen tulos kannattaa tarkistaa itse.
Mitä 60-30-10-sääntö tarkoittaa mainonnassa?
Se on värien suhde työssä: noin 60 % on hallitsevaa väriä, 30 % täydentävää väriä ja 10 % korostusta tärkeimmissä elementeissä, kuten hinnassa tai puhelinnumerossa. Sääntö auttaa välttämään sekavuutta ja ohjaa katseen sinne, minne haluat. Pidä sitä suuntaviivana, jota voit soveltaa työn luonteen mukaan.
Millainen värikontrasti takaa julisteen tai bannerin luettavuuden?
Hyvä vertailukohta on vähintään 4,5:1 tavalliselle tekstille ja 3:1 isoille teksteille, laskettuna kontrastilaskurilla HEX-koodeista. Varmimmin toimii tumma teksti vaalealla taustalla tai päinvastoin, ilman kirkkaudeltaan samankaltaisia värillisiä taustoja. Bannereissa tarkista lisäksi mittakaavassa 1:1 tulostettu osa siltä etäisyydeltä, jolta ohikulkijat sitä katsovat.
