Skip to content

Käytä verkkosivustollesi väriperheitä ja paletteja

20 de maaliskuu de 2021

Yksi parhaista tavoista muuttaa verkkosivun tunnelmaa on muuttaa värimaailmaa. Jos aiot käyttää väriä mielialan vaikuttamiseen, se auttaa ymmärtämään väriperheitä ja mitä ne edustavat. Väriperheet ovat väripyörän jakautumista kolmeen tyyppiin:

  • Lämpimät värit
  • Viileät värit
  • Neutraalit värit

Vaikka on mahdollista saada malli, joka käyttää kaikkien kolmen perheen värejä, useimmilla malleilla on yleinen tunne lämpöä, viileyttä tai puolueettomuutta.

Energiaa lämpimillä väreillä

Lämpimiin väreihin kuuluvat punaisen, oranssin ja keltaisen sävyt sekä näiden värien muunnelmat. Niitä kutsutaan lämpimiksi väreiksi, koska ne herättävät auringonvalon ja tulen tunteen – lämpimät asiat. Lämpimiä värejä käyttävät mallit ovat yleensä energisiä ja kohottavia. Ne merkitsevät intohimoa ja positiivisia tunteita useimmissa ihmisissä. Lämpimät värit ovat yleensä luovuuden, juhlan, intohimon, toivon ja menestyksen värejä.

Lämpimät värit luodaan käyttämällä vain kahta väriä: punainen ja keltainen. Nämä päävärit yhdistyvät oranssiksi. Et käytä viileitä värejä lämpimässä paletissa, kun sekoitat värejä.

Rentoudu viileillä väreillä

Viileisiin väreihin kuuluvat vihreän, sinisen ja purppuran sävyt sekä muunnelmat näistä väreistä. Niitä kutsutaan viileiksi väreiksi, koska ne herättävät veden, puiden ja yön tunnetta. Ne tuovat esiin rentoutumisen, rauhallisuuden ja varauksen tunteen. Viileitä värejä käyttäviä malleja pidetään usein ammattimaisina, tasaisina ja liikemaisina.

Toisin kuin lämpimät värit, viileissä väreissä on vain yksi pääväri, sininen. Joten saadaksesi muita värejä palettiin, sekoitat punaisen tai keltaisen siniseen saadaksesi vihreän ja violetin. Tämä tekee vihreästä ja violetista lämpimämmän kuin sininen, joka on puhdas viileä väri.

Neutraalit värit

Neutraalit värit koostuvat ruskeasta, joka on yhdistelmä kaikkia kolmea pääväriä, ja kahdesta jäljellä olevasta väristä: mustasta ja valkoisesta. Mitä mutaisempi tai harmaampi väri on, sitä neutraalimpi siitä tulee. Neutraaleja malleja on vaikeimmin määritellä, koska suuri osa niiden aiheuttamasta tuntemuksesta tulee lämpimistä ja viileistä väreistä, jotka vaikuttavat niihin. Mustavalkoisia malleja pidetään tyylikkäinä ja hienostuneina, mutta koska nämä värit ovat niin karkeita, ne voivat olla haastavia luodessaan tehokkaita web-malleja.

Toinen tapa luoda neutraali paletti on lisätä musta tai valkoinen lämpimään tai viileään väriin, jotta väri muuttuu harmaammaksi.

Väriperheiden käyttäminen verkkosuunnittelussa

Jos yrität herättää mielialaa verkkosuunnittelusi avulla, väriperheet auttavat sinua tekemään sen. Yksi hyvä tapa testata tätä on luoda erilaisia ​​paletteja kolmessa väriperheessä ja verrata suunnittelua kaikilla kolmella. Saatat huomata, että sivun koko sävy muuttuu, kun vaihdat väriryhmää.

Tässä on joitain mallipaletteja, joita voit kokeilla verkkosivusi kanssa eri väriperheissä:

Lämmin

  • # cc333F, # eb6841, # edc951
  • # ffd573, # ff773d, # f73e3e
  • # ffe545, #fefbaf, # c2a34f, # fbb829
  • # ffab03, # fc7f03, # fc3903, # d1024e

Viileä

  • # 69d2e7, # a7dbd8, # e0e4cc
  • # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
  • # 8ca315, # 5191c1, # 1e6495, # 0a4b75
  • # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8

Neutraali

  • # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
  • # e6cba5, # ede3b4, # 8b9e9b, # bd7578
  • # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
  • # 182009, # 464b35, # 757661, # d1ccb9