Monokromaattinen värigeneraattori
Luo tästä monokromaattisesta värigeneraattorista yhden pohjavärin monokromaattinen paletti. Syötä 3- tai 6-merkkinen heksakoodi, niin työkalu säilyttää sen värisävyn ja kylläisyyden ja muuttaa vaaleutta 30 ja 15 prosenttiyksikköä kumpaankin suuntaan 10–90 prosentin rajoissa. Tuloksena on viisi vaaleampaa ja tummempaa sävyä heksakoodeina, pohjaväri keskellä. Sopii suunnittelijoille ja kehittäjille, jotka rakentavat rauhallisia ja yhtenäisiä UI-väriasteikkoja ja teemoja.
Usein kysytyt kysymykset
Mitä monokromaattinen värigeneraattori palauttaa?
Se palauttaa viisi väriä kuusimerkkisinä pienaakkosin kirjoitettuina heksakoodeina. Väri 3 on pohjavärisi, värit 1 ja 2 ovat saman värisävyn tummempia versioita ja värit 4 ja 5 vaaleampia versioita.
Miten sävyt lasketaan?
Työkalu muuntaa heksakoodisi HSL-muotoon ja muuttaa vain vaaleutta: miinus 30, miinus 15, plus 15 ja plus 30 prosenttiyksikköä. Värisävy ja kylläisyys pysyvät samoina, joten kaikki viisi väriä kuuluvat samaan väriperheeseen.
Onko vaaleudella ala- tai ylärajaa?
Kyllä. Tummimmat askeleet eivät alita 10 prosentin vaaleutta, eivätkä vaaleimmat ylitä 90 prosenttia, joten asteikolla ei ole täysin mustaa eikä täysin valkoista.
Miksi saan samoja tai odottamattomia värejä hyvin tummista tai vaaleista pohjaväreistä?
10 ja 90 prosentin rajojen vuoksi ääripäiden lähellä olevat askeleet päätyvät samaan arvoon. Värille #000000 molemmat tummemmat askeleet ovat #1a1a1a, joka on pohjaväriä vaaleampi, ja värille #ffffff molemmat vaaleammat askeleet ovat #e6e6e6.
Millaisen paletin puhdas punainen tuottaa?
Värille #ff0000 työkalu palauttaa arvot #660000, #b30000, #ff0000, #ff4d4d ja #ff9999. Punaisen vaaleus on 50 prosenttia, joten tuloksena ovat kaikki kaksi tummempaa ja kaksi vaaleampaa askelta.
Mitä värimuotoja voin syöttää?
Syötä yksi 3- tai 6-merkkinen heksakoodi joko #-merkin kanssa tai ilman sitä, esimerkiksi #3366cc tai 36c. Merkintöjä RGB ja HSL sekä värien nimiä ei hyväksytä, joten muunna ne ensin heksakoodeiksi.
Miksi perusvärini muuttuu hieman?
Värisävy, kylläisyys ja vaaleus pyöristetään kokonaisluvuiksi, joten muunnos HSL-muotoon ja takaisin voi muuttaa yhtä värikanavaa yhden arvon verran. Esimerkiksi #ff5733 näkyy asteikon keskellä muodossa #ff5833.
Toimiiko se harmailla?
Kyllä. Toisin kuin värisävyyn perustuvat värimaailmat, monokromaattinen asteikko muuttaa vaaleutta, joten harmaasta syntyy vaaleampia ja tummempia harmaan sävyjä. Mustan ja valkoisen sävyjä rajoittaa edellä kuvattu 10–90 prosentin alue.
Miten käytän monokromaattista palettia käyttöliittymässä?
Käytä tummimpia värejä tekstissä ja reunuksissa, pohjaväriä ensisijaisissa toiminnoissa ja vaaleimpia värejä taustoissa ja osoittimen päällä -tiloissa. Tarkista tekstin kontrasti WCAG-kontrastintarkistimella, koska vierekkäisten askelten vaaleusero on vain 15 prosenttiyksikköä.
Onko tulos sama kuin väripaletin luontityökalussa?
Kyllä. Tämä työkalu käyttää täsmälleen Color Palette Generatorin Monochromatic-vaihtoehtoa, joten molemmat työkalut palauttavat samalle pohjavärille samat viisi heksakoodia.