Näin luot liukuväripaletin
Valitse aloitus- ja lopetusväri kirjoittamalla värikoodi tai värivalitsimella sekä se, kuinka monta sävyä haluat niiden väliin, 3–12. Välivärit lasketaan väriavaruudessa, joka jäljittelee ihmisen näköä (OKLab), joten sävyjen väliset askeleet näyttävät tasaisilta eikä keskelle synny sameaa harmaata.
Liukuväripaletti vai yhtenäinen liukuväri
Tämä työkalu antaa sinulle erilliset värit koodeineen käytettäväksi yksi kerrallaan: Tailwind-asteikossa, kaavioissa, esityksessä tai verkkosivun osioissa. Jos tarvitset taustan, joka vaihtuu pehmeästi väristä toiseen, käytä CSS-liukuväri-generaattoria.
Usein kysytyt kysymykset
Mikä on liukuväripaletti?
Se on sarja värejä, jotka vaihtuvat vähitellen väristä toiseen. Esimerkiksi pinkistä vaaleansiniseen 7 askeleessa. Jokaisella värillä on oma HEX-koodinsa, ja sitä voi käyttää erikseen.
Montako väriä paletissa voi olla?
3–12. Kun värejä on vähän, askeleet erottuvat selvemmin; kun niitä on paljon, siirtymä on pehmeämpi ja valittavia sävyjä on enemmän.
Missä muodoissa voin viedä sen?
CSS-muuttujina valmiin liukuvärin kanssa, HEX-koodilistana, Tailwind-määrityksenä, JSONina, SVG:nä tai PNG-kuvana. Voit myös avata sen väripaletti-generaattorissa ja jatkaa muokkaamista.
Miksi välisävyt eivät näytä harmailta?
Koska sekoitus lasketaan OKLabissa, ihmisen näköä varten suunnitellussa väriavaruudessa. Suora RGB-sekoitus vastakkaisten värien, kuten pinkin ja vihreän, välillä kulkee haaleiden sävyjen kautta; OKLabissa siirtymä on puhtaampi ja tasaisempi.
Voinko jakaa palettini?
Kyllä. Sivun osoite tallentaa molemmat värit ja sävyjen määrän, joten voit kopioida sen ja lähettää eteenpäin.
Mitä eroa on liukuväri-generaattoriin?
Liukuväri-generaattori luo yhtenäisen CSS-taustan. Tämä työkalu antaa sinulle kahden värin väliin jäävät erilliset värit käytettäväksi yksi kerrallaan.
Onko se ilmainen?
Kyllä, ilman rekisteröitymistä ja rajoituksia. Voit tallentaa suosikkiliukuvärisi sydämellä; ne tallentuvat tähän selaimeen.