Palettigeneraattori – Väriharmoniapaletit

Luo harmonisia väripaletteja välittömästi

Värien valitseminen, jotka näyttävät hyvältä yhdessä, on yksi yleisimmistä haasteista suunnittelussa. Väriharmoniasäännöt, jotka perustuvat värisävyjen välisiin suhteisiin väriympyrässä, tarjoavat luotettavan perustan tasapainoisille paleteille.

Tämä palettigeneraattori ottaa minkä tahansa perusvärin ja soveltaa standardiharmoniasääntöjä tuottaakseen joukon harmonisia värejä. Syötä väri HEX-, RGB- tai HSL-muodossa ja vaihda harmoniatyypejä tutkiaksesi erilaisia yhdistelmiä.

Väriharmoniatyypit selitettynä

• Komplementaarinen — kaksi väriä vastakkain väriympyrässä (180° erillään). Korkea kontrasti, rohkeat yhdistelmät.
• Analoginen — kolme vierekkäistä väriä väriympyrässä (30° erillään). Luonnollisesti harmoninen ja matala kontrasti.
• Triadinen — kolme tasaisesti jakautunutta väriä ympyrässä (120° erillään). Eloisa ja tasapainoinen.
• Hajautettu komplementaarinen — perusväri plus kaksi väriä komplementin vieressä (150° ja 210°). Pehmeämpi kuin puhdas komplementaarinen.
• Tetradinen (Neliö) — neljä tasaisesti jakautunutta väriä ympyrässä (90° erillään). Rikkaita, monimutkaisia paletteja.

Palettigeneraattorin käyttö

1. Syötä perusväri — kirjoita HEX-, RGB- tai HSL-arvo tai käytä sisäänrakennettua värienvalitsijaa
2. Valitse harmoniatyppi valitsimesta
3. Muuta värisävyä ja kylläisyyttä vetämällä yhdistettyä pistettä väriympyrällä ja säädä sitten vaaleutta
4. Katso luotu paletti värikenttinä
5. Kopioi HEX- tai RGB-arvot mille tahansa kentälle yhdellä napsautuksella
6. Vaihda harmoniatyppejä vertaillaksesi eri paletteja

Milloin palettigeneraattoria kannattaa käyttää

• Aloitat uuden suunnittelun ja tarvitset tasapainoisen värimaailman
• Rakennat brändi-identiteettiä tietyn päävärin ympärille
• Luot UI-teemoja harmonisilla korostusväreillä
• Tutkit värisuhteita kuvituksessa tai taiteessa
• Luot nopeasti paletteja esityksiin tai prototyyppeihin

Ydinharmonia ja tukivariaatiot

Jokainen harmonia tuottaa viisi väriruutua. Komplementaarisessa on kaksi ydinväriä, analogisessa, triadisessa ja jaetussa komplementaarisessa kolme ja tetradisessa neljä; loput ovat kylläisyyden tai vaaleuden avulla säädettyjä tukivariaatioita.

Luo viisi väriä yhdestä perusväristä

Merkitty perusväri säilyy, kun väriympyrä laskee harmonian ja sen variaatiot. Käytä koko kuvan hallitseviin väreihin kuvapaletin poimijaa ja yhden pikselin tarkkaan väriin värinvalitsinta.

Käytä HEX-, RGB-, HSL- ja OKLCH-arvoja

Kenttä hyväksyy HEX-, RGB-, HSL- ja OKLCH-muodot. Kopioi yksittäinen väri HEX- tai RGB-muodossa tai kaikki viisi pilkuin erotettuina isoina HEX-koodeina.

Nopea, ilmainen ja yksityinen

Kaikki laskenta tapahtuu selaimessa. Tiliä, lähetystä, tallennusta tai palvelinkäsittelyä ei käytetä; väriympyrää voi käyttää hiirellä, kosketuksella ja näppäimistöllä.

Väriympyrä näyttää teoreettiset värisuhteet, mutta ei takaa luettavuutta. Käytä kontrastintarkistinta WCAG-mittaukseen ja värimuunninta muodon vaihtamiseen.

Usein kysytyt kysymykset

Mikä on väriharmonia?

Väriharmonia tarkoittaa väriyhdistelmiä, jotka ovat visuaalisesti miellyttäviä yhdessä, perustuen niiden suhteisiin väriympyrässä.

Mitä harmoniatyppiä minun pitäisi käyttää?

Se riippuu suunnittelutavoitteestasi. Komplementaarinen luo voimakkaan kontrastin. Analoginen tuntuu rauhalliselta. Triadinen on eloisa ja tasapainoinen. Hajautettu komplementaarinen tarjoaa pehmeämmän kontrastin. Tetradinen antaa rikkaita, monimutkaisia paletteja.

Mitä värimuotoja voin syöttää?

Voit syöttää HEX-, RGB-, HSL- tai OKLCH-arvon; muoto tunnistetaan automaattisesti.

Miten palettivärit lasketaan?

Perusväri muunnetaan HSL-muotoon ja sijoitetaan valitun harmonian tarkkoihin sävykulmiin. Jokainen suhde laajennetaan viideksi käytännölliseksi värinäytteeksi tasapainoisilla kylläisyys- ja vaaleusmuunnelmilla. Interaktiivinen väriympyrä näyttää jokaisen näytteen: yhden pisteen vetäminen kiertää koko harmoniaa ja vaaleussäädin päivittää paletin.

Voinko kopioida luodut värit?

Kyllä. Kopioi väri HEX- tai RGB-muodossa tai koko paletti viitenä pilkuin erotettuna isona HEX-koodina.

Toimiiko tämä työkalu mobiilissa?

Kyllä. Responsiivinen väriympyrä toimii mobiilissa kosketuksella ja tietokoneella hiirellä tai näppäimistöllä.

Onko tämä työkalu ilmainen?

Kyllä. ColourPicker.app on täysin ilmainen käyttää, ilman rekisteröitymistä.

Voinko tallentaa luodut paletit?

Työkalu ei tallenna paletteja istuntojen välillä. Voit kopioida yksittäisiä väriarvoja ja tallentaa ne projektitiedostoihisi.

Mitä väriympyrä näyttää?

Se järjestää värisävyt ympyrään: kulma kuvaa sävyä, etäisyys keskustasta kylläisyyttä ja erillinen säädin vaaleutta.

Miksi jokaisessa paletissa on viisi väriä?

Viisi ruutua antaa yhtenäisen työjoukon, jossa on kahdesta neljään ydinväriä ja tarvittavat tukivariaatiot.

Mitä ydinvärit ja tukivariaatiot ovat?

Ydinvärit muodostavat valitun geometrian; variaatiot käyttävät samoja sävyjä eri kylläisyydellä tai vaaleudella.

Takaako väriharmonia riittävän kontrastin?

Ei. Harmonia kuvaa värisuhteita; mittaa etu- ja taustavärin WCAG-kontrasti erikseen.