Luo väripaletteja sekunneissa

Se on joukko värejä, jotka on valittu käytettäväksi yhdessä samassa suunnittelussa. Siinä on yleensä pääväri, sen vaaleampia ja tummempia sävyjä sekä yksi tai kaksi korostusväriä. Paletteja käytetään logoissa, brändeissä, somessa, verkkosivuilla, käyttöliittymissä ja kuvituksessa.

Se ei näytä valmista listaa vaan luo paletit lennosta. Se valitsee perussävyn ja rakentaa viisi väriä harmoniasääntöjen avulla (analogiset, komplementaariset, triadiset tai monokromaattiset). Jokaisella tyylillä on omat vaaleus- ja kylläisyysrajansa, joten pastellipaletista tulee pehmeä ja neonpaletista voimakas. Editorissa paina välilyöntiä luodaksesi uuden paletin ja lukitse värit, jotka haluat pitää.

Mieti ensin, mitä haluat viestiä. Lämpimät sävyt tuntuvat ystävällisiltä ja energisiltä, kylmät rauhallisilta ja luotettavilta, tummat tyylikkäiltä. Käytä vain muutamaa väriä, pidä kontrasti riittävänä, jotta teksti on helppo lukea, ja testaa paletti oikeassa suunnittelussa ennen kuin päätät.

Värit sopivat yhteen, kun niillä on yhteinen harmonia: naapurit väriympyrässä (analogiset), vastakohdat (komplementaariset) tai saman värin sävyt (monokromaattiset). Kaikki tämän sivuston paletit noudattavat näitä sääntöjä. Katso esimerkkejä yhteen sopivista väripaleteistamme.

Jokaisella paletilla on omat HEX-koodinsa, ja voit kopioida valmiin CSS:n liitettäväksi. Tarkista myös tekstin ja taustan välinen kontrasti, jotta sivusto on helppolukuinen, tai poimi paletti valokuvasta. Lisää ideoita löydät sivulta värit verkkosivuille.

Se järjestää pää-, väli- ja tertiäärivärit ympyrään. Se näyttää, mitkä värit sopivat yhteen ja mitkä muodostavat kontrastin, joten se on paletin rakentamisen lähtökohta. Kokeile sitä väriharmonia-työkalussa.

Päävärit ovat punainen, sininen ja keltainen: niitä ei saa sekoittamalla muita värejä. Välivärit syntyvät, kun sekoitat kaksi pääväriä: sininen ja punainen tekevät violetin, sininen ja keltainen vihreän, punainen ja keltainen oranssin. Kun sekoitat päävärin ja välivärin, saat tertiäärivärit.

Monokromaattinen paletti käyttää yhtä sävyä vaaleampina ja tummempina versioina. Se tuntuu yhtenäiseltä ja tyylikkäältä. Vastavärit ovat väriympyrässä vastakkain, esimerkiksi sininen ja oranssi. Yhdessä ne antavat suurimman kontrastin ja korostavat toisiaan.

Kyllä. Voit kopioida HEX-koodit tai CSS:n ja käyttää niitä missä tahansa projektissa, henkilökohtaisessa tai kaupallisessa.