Illustrative preview
Löydä toisiaan täydentäviä, analogisia, triadisia, tetradisia ja neliömäisiä väriteemoja. Säädä HEX, kylläisyyttä ja vaaleutta ja kopioi sitten vastaavat värit ilmaiseksi ilman tiliä.
Valitse perusväri vetämällä – kopioi heksadesimaalikoodit jokaiselle klassiselle harmonialle.
Vastavärit sijaitsevat väriympyrässä suoraan vastakkain — sininen ja oranssi, punainen ja vihreä. Ne luovat mahdollisimman voimakkaan kontrastin ja elävyyden, mikä saa suunnittelun tuntumaan energiseltä ja nostaa toimintakehotukset esiin. Käytä yhtä väriä hallitsevana ja sen vastaväriä säästeliäästi korostuksena, jotta vältät visuaalisen jännitteen.
Jaettu vastavärillisyys käyttää peräväriä sekä kahta sen vastavärin vierellä olevaa sävyä. Säilytät vastavärisen yhdistelmän voimakkaan kontrastin, mutta pehmennät jännitettä, jolloin lopputulosta on paljon vaikeampi pilata. Se on erinomainen aloitusyhdistelmä: yksi hallitseva sävy, kaksi tukevaa aksenttia ja luonnostaan tasapainoinen lopputulos.
Analogiset väriyhdistelmät käyttävät kolmea väriympyrällä vierekkäin sijaitsevaa väriä, kuten keltaista, keltavihreää ja vihreää. Koska naapurivärit jakavat saman sävyn pohjan, lopputulos tuntuu rauhalliselta, sopusointuiselta ja luonnolliselta — ajattele auringonlaskuja ja metsiä. Valitse yksi hallitseva väri, käytä naapureita tukena ja lisää neutraali sävy kontrastiksi.
Triadinen väriyhdistelmä valitsee kolme väriä tasaisesti 120 asteen välein, kuten punaisen, keltaisen ja sinisen. Se pysyy elinvoimaisena myös vaaleampia tai vaimeampia sävyjä käytettäessä, ja se säilyy tasapainoisena, koska mikään sävy ei hallitse läheisyytensä ansiosta. Anna yhden värin johtaa ja säästä kaksi muuta korostuksiin ja tehosteisiin.
Tetradiset (suorakulmio) yhdistelmät käyttävät neljää väriä, jotka on aseteltu kahdeksi vastaväripariksi 60 asteen välein. Ne tarjoavat monipuolisimman valikoiman kaikista klassisista väriharmonioista, mutta niitä on myös vaikein tasapainottaa — valitse yksi hallitseva väri, vaimenna muut ja tarkkaile huolellisesti lämpimien ja viileiden sävyjen suhdetta.
Neliömäinen väriyhdistelmä sijoittaa neljä väriä tasaisesti 90 asteen välein ympyrälle. Tetradisen yhdistelmän tapaan se muodostaa kaksi vastaväriparia, mutta tasainen jako antaa rohkeamman ja leikkisämmän tasapainon lämpimien ja viileiden sävyjen välille. Se toimii parhaiten, kun yksi väri selvästi hallitsee ja loput toimivat pieninä korostuksina.
Tarkista tärkeimmät ominaisuudet ennen kuin aloitat.
Käytettävissä olevat ohjaimet kohteelle Väriympyrä.
Työkalut yleisiä seuraavia vaiheita varten Väriympyrä jälkeen.
Luova työ ja suunnittelu
Luo 3–8 väripalettia harmoniatiloilla, lukitse ja jaa värejä ja vie sitten PNG-, CSS-muuttujat tai JSON.
Kokeile nytLuova työ ja suunnittelu
Tutki värien merkityksiä, psykologiaa, symboliikkaa, kulttuurikontekstia, tuotemerkkejä ja ehdotettuja pareja mille tahansa HEX-arvolle.
Kokeile nytKuvankäsittely ja apuohjelmat
Valitse mikä tahansa pikseli HEX-, RGB- ja HSL-arvoille tai vie hallitseva paletti JSON- tai CSS-muuttujina.
Kokeile nytSe ratkaisee todellisia ongelmia joka päivä – yrityksille, sisällöntuottajille ja jokapäiväisille tehtäville. Etsi itsellesi sopiva käyttötapa ja aloita.
Näe jokainen klassinen väriharmonia laskettuna reaaliajassa valitsemastasi peräväristä, selkeällä ja ymmärrettävällä selityksellä siitä, milloin ja miksi kukin yhdistelmä toimii.
Syötä brändisi hex-koodi väriympyrään ja käytä jaettu-vastaväri- tai triadisia väriyhdistelmiä löytääksesi korostusvärejä, jotka luovat kontrastia ilman että sävyt riitelevät keskenään.
Jokainen harmonia näytetään pienellä esimerkkikortilla — otsikko, leipäteksti, painike ja pisteet — jotta voit arvioida yhdistelmiä kontekstissa abstraktien värinäytteiden sijaan.
Käytä lähivärien harmonioita luonnollisiin, rauhallisiin tunnelmiin ja vastavärejä dramaattisiin katsekulmiin kopioimalla tarkat hex-koodit maalausohjelmaasi.
Every kuva crosses slash untouched ja comes out other side finished.
