Neutraalit väripaletit, joissa on luonnetta

Hyvä neutraali väripaletti käyttää hyvin vähäkylläisiä värejä, kuten norsunluuta, hiekkaa, taupea, kivenharmaata, hiilenharmaata ja lähes mustaa. Luonnetta se saa kolmesta asiasta: selkeästä lämpötilasta, koko vaaleasta tummaan ulottuvasta sävyasteikosta ja pienestä tehosteväristä. Ilman niitä beige näyttää oletusvalinnalta. Alla on kahdeksan palettia kopioitavine koodeineen sekä perustelut, joiden avulla voit soveltaa niitä pelkän kopioinnin sijaan.

Lämpimät, viileät ja aidosti neutraalit sävyt

Harva neutraali sävy on täysin väritön, ja värittömätkin voivat tuntua kylmiltä. Useimmat taittuvat johonkin suuntaan, mikä määrittää tunnelman. Lämpimän beigen ja viileän siniharmaan tahaton yhdistelmä on yleisin syy neutraalin värimaailman hienoiseen ristiriitaan.

Lämpimät ja viileät värit käsittelee lämpötilaa tarkemmin, ja värilämpötila kertoo valaistuksen ja näyttöjen vaikutuksesta siihen.

Kahdeksan neutraalia palettia hex-koodeineen

Jokaisessa paletissa on vaalea pohja, yksi tai kaksi keskisävyä, tumma tekstiväri ja useimmiten tehosteväri. Lue nimiä suunnitteluohjeina: ne kuvaavat ympäristöä, johon paletti sopisi.

• Kaura ja oliivi: kaura #E9E1D2, pellava #CDBF9F, oliivi #6E6B4A, kaarna #2F2A22. Luonnollinen ilman vihreiden lehtien kliseetä.
• Kivitalo: liitu #F5F3EF, greige #BDB6AC, kivi #A39A8F, hiilenharmaa #34312D, messinki #B08D57. Sisustus, arkkitehtuuri, hillitty ylellisyys.
• Paperi ja muste: paperi #FAF7F0, sanomalehtipaperi #E4DED2, lyijykynä #5C544C, muste #151515, toimituksen punainen #C8372D. Toimituksellinen ja vakaa.
• Merilasiharmaa: usva #EEF1EF, merilasi #B9C6C0, satama #5E6F6A, syvyys #1C2624. Viileä, mutta vihreän pehmentämä.
• Puuteriset neutraalit: posliini #F7F0EC, punertava kivi #DCC7BE, mauvetaupe #8C7470, kaakao #33221F. Lämmin ja lempeä, sopii kauneus- ja hyvinvointialalle.
• Yön neutraalit: onyksi #121212, savu #2A2826, tuhka #77716B, luu #E9E2D6. Tumma pohja ja lämmin vaalea teksti.

Testaa palettia oikealla aineistolla ennen valintaa. Aseta logo, tuotekuva ja tekstikappale jokaiselle pohjavärille. Valokuvilla on usein oma lämmin tai viileä sävynsä. Kuviesi kanssa riitelevä paletti ei tunnu rauhalliselta, vaikka valitsisit sen kuinka huolellisesti.

Näin annat neutraalille paletille luonnetta

1. 1

   Valitse lämpötila

   Valitse lämmin tai viileä linja ja vertaa jokaista väriä siihen. Aseta värinäytteet rinnakkain: lämpimän beigen vieressä hieman vihertävältä näyttävä sävy kuuluu väärään ryhmään.

2. 2

   Laajenna sävyasteikkoa

   Ota mukaan lähes valkoinen, keskisävy ja lähes musta. Pelkistä keskivaaleista beigeistä koostuvassa paletissa ei ole syvyyttä eikä luettavaa tekstiväriä.

3. 3

   Lisää yksi tehoste

   Yksi kylläinen väri pieninä annoksina antaa katseelle kohteen. Tehosteväri näyttää, mikä määrä riittää.

4. 4

   Tuo mukaan tekstuuria

   Neutraalit näyttävät rikkaimmilta rakeisuuden, paperipinnan tai pehmeän valovaihtelun kanssa. Tasainen beige suorakulmio näyttää keskeneräiseltä, mutta pieni pinnan karheus tekee siitä materiaalin.

5. 5

   Muuta suhteita, älä lisää värejä

   Suurin osa pinnasta pysyy vaaleana, keskisävyt täyttävät suuret muodot ja tumma kantaa sanat. 60 30 10 -sääntö on toimiva lähtöjako.

Neutraalit liukuvärit, jotka eivät tylsistytä

Neutraali liukuväri toimii, kun vaihtelu tapahtuu valoisuudessa eikä värisävyssä. Ajattele rapatulle seinälle lankeavaa päivänvaloa: väri muuttuu tuskin lainkaan, kirkkaus muuttuu. Pidä väripisteet lähellä toisiaan ja lisää rakeisuutta häivyttämään porrastumista, joka näkyy helposti vaaleissa, vähäkontrastisissa liu’uissa.

Lisää esimerkkejä: hienovaraiset liukuvärit, beiget liukuvärit ja harmaat liukuvärit.

Teksti ja kontrasti neutraalilla taustalla

Neutraalit paletit näyttävät lempeiltä, mikä houkuttelee lempeään tekstiväriin. Taupe #8A8178 pellavalla #F3EEE6 antaa kontrastiksi vain 3,31:1, alle WCAG:n leipätekstiltä vaatiman 4,5:1:n. Espresso #2B2724 samalla pellavalla yltää 12,82:1:een. Käytä tumminta neutraalia kaikkeen, mikä pitää lukea. Säästä keskisävyt muotoihin, reunuksiin ja suuriin otsikoihin.

Gradiently hoitaa tämän automaattisesti: Mark rauhoittuu sanojesi taakse ja valitsee kullekin riville vaalean tai tumman tekstivärin omasta paletistaan. Hillitty neutraali tausta ei siis heikennä luettavuutta. Tarkista omat väriparisi värikontrastin oppaasta.