CSS-gradientin generaattori
Luo lineaarisia tai radiaaligradientin jopa 4 värin kanssa ja kopioi valmiin CSS-koodin.
Kuinka luoda CSS-gradientti verkossa
Valitse gradientin tyyppi
Valitse lineaarinen tai radiaalinen haluamasi vaikutuksen perusteella.
Lisää ja säädä värit
Lisää jopa 4 väriä, muuta niiden järjestystä ja säädä gradientin kulmaa tai asemaa.
Kopioi CSS-koodi
Paina kopiointi-painiketta ja liitä koodi suoraan tyylisivullesi.
Usein kysytyt kysymykset gradienttigeneraattorista
Gradientit ovat yksinkertainen tapa lisätä syvyyttä ja tyyliä mihin tahansa verkkosivuston suunnitteluun. Tämä työkalu luo tarkalleen tarvitsemasi CSS-koodin ilman, että sinun tarvitsee kirjoittaa sitä käsin.
Mitä tyyppisiä liukuvärejä voin luoda?
+
Voit luoda lineaarisia liukuvärejä (missä tahansa kulmassa) ja säteittäisiä liukuvärejä.
Kuinka monta väriä voin käyttää?
+
Voit yhdistää 2–4 väriä samassa liukuvärissä.
Toimiiko koodi kaikissa selaimissa?
+
Kyllä, se luodaan CSS:n vakiosyntaksilla, joka on yhteensopiva kaikkien modernien selaimien kanssa.
Pitääkö minun asentaa jokin ohjelma?
+
Ei, mitään ei tarvitse asentaa. Se toimii suoraan selaimesta.
Onko se ilmainen?
+
Kyllä, tämä työkalu on täysin ilmainen.
Voinko käyttää gradienttia kuvan taustana?
+
Luotu koodi on puhdasta CSS:ää; jos tarvitset kuvan, voit ottaa kuvakaappauksen esikatselunäkymästä.
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.
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.
Mesh-gradienttien generaattori
Luo mesh-gradienttitaustat (sumeiset värilaikut) ja lataa ne PNG-muodossa tai kopioi CSS-koodi.
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.
