Väripalettigeneroija

Mika on varipalettien luoja?

Varipalettien luoja luo harmonisia varijoukkoja variteoriasaantojen perusteella. Alkaen yhdesta perusvarista se tuottaa komplementaarisia, analogisia, triadisia, jaettuja komplementaareja ja muita varikaavioita. Suunnittelijat kayttavat palettien luojia luodakseen nopeasti yhtenaaisia varijaarjestelmia verkkosivuille, sovelluksille, brandeille ja kuvituksille.

Hyvat varipaletit eivat ole satunnaisia — ne noudattavat matemaattisia suhteita variympyralla. Komplementtivaarit ovat vastakkain (korkea kontrasti). Analogiset vaarit ovat vierekkain (harmoninen ja rauhallinen). Triadiset vaarit muodostavat tasasivuisen kolmion (eloisa ja tasapainoinen). Tama tyokalu tuottaa paletteja naiden ja muiden hyvaksi havaittujen harmoniasaantojen avulla.

Tyokalun kayttohje

Valitse perusvari variivalitsimella tai syota heksaarvo. Valitse harmoniasaanto (komplementti, analoginen, triadinen jne.). Tyokalu tuottaa tayden paletin, jossa jokainen vari naytettaan naytteena hex-, RGB- ja HSL-arvoineen. Saada perusvaria nahdaksesi paletin paivittyvan reaaliajassa.

Variharmoniatyypit

• Komplementti — kaksi vastakkaista varia variympyralla. Korkea kontrasti, energinen. Esimerkki: sininen ja oranssi.
• Analoginen — kolme vierekkaaista varia ympyralla. Rauhallinen, yhtenaainen. Esimerkki: sininen, sinivihrea, vihrea.
• Triadinen — kolme tasavalisesti (120 astetta toisistaan) sijoitettua varia. Tasapainoinen, eloisa. Esimerkki: punainen, keltainen, sininen.
• Jaettu komplementti — perusvari ja kaksi sen komplementin viereista varia. Kontrastia vahemmalla jannitteella kuin komplementissa.

Vari ja saavutettavuus

Digitaalisia kayttoliittymiä suunniteltaessa varmista riittava kontrasti tekstin ja taustan valilla (WCAG vaatii vahintaan 4,5:1 suhteen normaalitekstille). Valta tiedon valittamista pelkastaan varin kautta — noin 8 % miehistä on jonkinasteinen varinakokyvyn poikkeama. Testaa palettisi varisokeuasimulaattorilla. Tama tyokalu voi nayttaa kontrastisuhteet luotujen varien valilla.

Usein kysytyt kysymykset

Kuinka monta varia paletin tulisi sisaltaa?

Useimmat suunnittelujarjestelmat kayttavat 5-7 varia: baarandin paaavari, toissijainen aksentti, neutraali paletti (harmaat tekstille ja taustoille) ja mahdollisesti semanttinen joukko (vihrea onnistumiselle, punainen virheelle, keltainen varoitukselle). Liian monet varit luovat visuaalista kaaosta. Liian vahaat rajoittavat joustavuutta. Aloita 3 varilla ja neutraaleilla ja lisaa vain tarvittaessa.

Mika tekee vareista hyvan nakoiset yhdessa?

Varit nayttavat harmonisilta, kun niilla on matemaattinen suhde variympyralla (komplementti, triadinen jne.) tai niilla on yhteinen ominaisuus (sama kyllaistystaso, samanlainen kirkkaus). 60-30-10-saanto on laajasti kaytetty: 60 % hallitseva vari, 30 % toissijainen, 10 % aksentti. Erittain kyllaisten varien maaran rajoittaminen ja runsaan neutraalin tilan kayttaminen parantavat myos visuaalista harmoniaa.