Värigeneraattori

Arvo värit ja paletit

HEX, RGB ja HSL: satunnaisia, harmoonisia tai valmiita palettejä

#6CAE99
HEX
RGB
HSL
#B87512
HEX
RGB
HSL
#AED5CA
HEX
RGB
HSL
#30AD0D
HEX
RGB
HSL
#EF434E
HEX
RGB
HSL
#190AB2
HEX
RGB
HSL

Tallenna tämä laskelma

Luo ilmainen tili, niin voit tallentaa laskelmat, merkitä suosikit ja seurata muutoksia ajan myötä.

Jaa Värigeneraattori

Harmoniamallit

Väriteorian klassikot

Vastavärit (Complementary)

Kaksi väriä väripyörän vastakkaisilta puolilta, 180° ero. Voimakas kontrasti, hyvä huomiokärkien luontiin.

Triadi (Triadic)

Kolme väriä 120° välein. Tasapainoinen ja eloisa yhdistelmä, klassinen mainonnassa.

Analoginen (Analogous)

Vieriviä värejä, 30° välein. Rauhallinen ja yhtenäinen, luontokuvissa ja rennoissa suunnitelmissa.

Tetradi (Tetradic)

Neljä väriä 90° välein. Rikas paletti, vaatii tarkkaa tasapainoa dominantti/aksentti-jaossa.

Formaatit

HEX vs RGB vs HSL

HEX

Web-standardi. Kuusi merkkiä (0-9, A-F). Käytetään CSS:ssä, HTML:ssä, kaikkialla suunnittelutyökaluissa.

RGB

Kolme numeroa 0-255. Vastaa monitorin punaista, vihreää ja sinistä valoa. Tuki läpinäkyvyydelle (rgba).

HSL

Sävy, saturaatio, valoisuus. Intuitiivisin muunneltaessa värejä, esim. tummempi versio = sama H+S, pienempi L.

UKK

Usein kysytyt kysymykset

Miten kopioin värikoodin?
Klikkaa värikoodin päälle (HEX, RGB tai HSL). Se kopioituu automaattisesti leikepöydälle. Voit liittää sen suoraan CSS-tiedostoon tai suunnittelutyökaluun.
Miksi paletti antaa aina samoja värejä?
Ei anna. Jokainen "Arvo uudet värit" -painallus arpoo uuden lähtösävyn. Paletti-tila optimoi värit sopivaan yhdistelmään (dominantti + tumma + vaalea + 2 aksenttia).
Sopiiko työkalu brändivärien valintaan?
Kyllä alustavana ideoinnina. Harmoninen-tila antaa väriteorian mukaisia yhdistelmiä. Lopullinen brändiväritys vaatii kuitenkin ihmisen harkintaa.
Voinko tallentaa palettejä?
Ei suoraan, mutta kopioi HEX-koodit talteen. URL säilyttää valintasi (tyyppi, harmonia) jotta voit palata samaan asetukseen.
Tietoa työkalusta

Värigeneraattori: inspiroidu satunnaisista väreistä

Värigeneraattori arpoo värejä kolmella eri tavalla. Satunnainen-tila antaa täysin sattumanvaraisia värejä, käytännöllinen kun tarvitset inspiraatiota tai testi-arvoja koodauksessa. Paletti-tila luo valmiin 5-värisen yhdistelmän (dominantti + tumma + vaalea + kaksi aksenttia) joka toimii suoraan verkkosivuilla tai brändi-materiaaleissa.

Harmoninen-tila käyttää klassisia väriteorian sääntöjä: vastavärit (180°), triadi (120°), analoginen (30°) ja tetradi (90°). Nämä yhdistelmät ovat tunnetusti silmää miellyttäviä ja soveltuvat sekä graafiseen suunnitteluun että vaatetuksen värivalintaan.

Jokainen väri esitetään kolmessa formaatissa: HEX (web-standardi), RGB (näyttöjen värit) ja HSL (helpoin muunnella). Klikkaamalla arvon kohdalta se kopioituu suoraan leikepöydälle.

Laske myös

Tiedot päivitetty