Mesh-gradienttien generaattori
Luo mesh-gradienttitaustat (sumeiset värilaikut) ja lataa ne PNG-muodossa tai kopioi CSS-koodi.
Kuinka luoda mesh-gradientti verkossa
Valitse taustavari ja lisää värit
Valitse perusväri ja lisää enintään 6 väriläiskää, jotka sekoittuvat toisiinsa.
Satunnaista sijainnit
Paina satunnaistamispainiketta järjestääksesi väriläiskät uudelleen, kunnes löydät sinulle miellyttävän yhdistelmän.
Lataa PNG tai kopioi CSS
Lataa tulos PNG-kuvana, joka on valmis käyttöön, tai kopioi CSS-koodi ja käytä sitä suoraan verkkosivullasi.
Usein kysytyt kysymykset mesh-gradientin generaattorista
Mesh-gradientin (eli verkkomainen väriverkko) suosio on kasvanut verkkosivujen, sovellusten ja sosiaalisen median taustoissa niiden pehmeän ja abstraktin ulkonäön vuoksi. Tämä työkalu luo ja lataa ne suoraan selaimessasi.
Mikä on mesh-gradientti?
+
Se on värivajaus, joka koostuu useista värilaikuista, jotka sekoittuvat toisiinsa, sen sijaan että olisi yksinkertainen lineaarinen tai säteittäinen siirtymä kahden värin välillä.
Miten se eroaa tavallisesta CSS-värivajausgeneraattorista?
+
CSS-värivajausgeneraattori luo lineaarisia tai säteittäisiä siirtymiä 2–4 värin välillä. Tämä generaattori luo orgaanisemman vaikutelman useista itsenäisistä värilaikuista, ja sen lisäksi se mahdollistaa tuloksen lataamisen suoraan PNG-kuvaksi.
Kuinka monta väriä voin käyttää?
+
Voit yhdistää 3–6 väriä samaan mesh-värivajauteen.
Voinko ladata tuloksen kuvana?
+
Kyllä, voit ladata mesh-gradientin suoraan PNG-muodossa, valmiina käytettäväksi taustakuvana.
Onko se ilmainen?
+
Kyllä, tämä työkalu on täysin ilmainen.
Ladataanko minun suunnitelmani jonkin palvelimen?
+
Ei. Koko prosessi, generoinnista PNG-latauksen loppuun asti, tapahtuu suoraan selaimessasi ilman, että tietoja lähetetään palvelimelle.
Värit
Värimuunnin (HEX, RGB, HSL, CMYK)
Muunna värit välittömästi HEX-, RGB-, HSL- ja CMYK-formaattien välillä live-esikatselulla ja lähimmän värinimellä.
Väripaletti-generaattori
Luo harmonisia 5 värin paletteja (komplementaarisia, analogisia, triaadisia tai monokrimaattisia) perustuen yksittäiseen perusvärihin.
CSS-gradientin generaattori
Luo lineaarisia tai radiaaligradientin jopa 4 värin kanssa ja kopioi valmiin CSS-koodin.
WCAG-kontrastintarkastaja
Tarkista, täyttääkö teksti- ja taustavärin yhdistelmä AA- ja AAA-saavutettavuustasot.
Satunnainen väri
Luo satunnainen väri yhdellä klikillä ja tutustu sen nimeen, HEX/RGB/HSL-koodiin ja samankaltaisiin väreihin.
Värinvalitsin (silmäkkö)
Valitse mikä tahansa väri näytöltäsi selaimen pipettityökalulla tai käytä klassista värinvalitsijaa.
Värisokeus Simulaattori
Lataa kuva ja katso, miten värisokeiksi diagnosoidut ihmiset näkisivät sen protanopian, deuteranopian tai tritanopian kanssa.
Sävyjen ja Varjojen Generaattori
Luo automaattisesti minkä tahansa värin vaaleimmat sävyt ja tummimmat varjot HEX-koodeineen.
Värien Sekoitin
Sekoita kaksi väriä ja löydä väliaineet askel askeleelta niiden HEX-koodin kanssa.
Väriympyrä (Harmonikat)
Valitse väri väriympyrästä ja löydä sen harmoniset yhdistelmät: komplementaariset, analogiset, triadiset ja paljon muuta.
Väripalettiuuttaja kuvasta
Lataa kuva ja pura automaattisesti sen hallitsevat värit paletiksi kunkin värin HEX-koodilla.
Kuvan Keskimääräinen Väri
Lataa kuva ja laske sen keskimääräinen väri välittömästi HEX-, RGB- ja HSL-koodeilla.
Tutustu väreihin perheen mukaan
Yli 469 nimettyä väriä HEX-, RGB-, HSL- ja CMYK-koodeilla, järjestetty 12 sävyperheeseen.
