Satunnainen Liukuvärigeneraattori
Luo satunnaisia CSS-liukuvärejä — lineaarisia, säteittäisiä, kartiomaisia. Harmonisia väriyhdistelmiä, kopioi valmis CSS-koodi.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Historia
Viite
Kuinka liukuvärigeneraattori toimii?
Tämä työkalu valitsee 2-3 väriä käyttäen harmonista väriteoriaa (analogiset, komplementaariset tai triadiset suhteet) HSL-värisävykiertojen kanssa. Satunnaiset kulmat tai sijainnit valitaan funktiolla crypto.getRandomValues(). Tulos renderöidään live-esikatseluna valmiin CSS-koodin rinnalla.
Liukuväri-tyypit
- Lineaarinen — värit sekoittuvat suoraa linjaa pitkin määritettävissä olevassa kulmassa.
- Säteittäinen — värit säteilevät ulospäin keskipisteestä.
- Kartiomainen — värit pyörivät keskuksen ympäri kuin värirengas.
Yleisiä käyttötapoja
- Hero-osiot — silmäänpistäviä taustoja laskeutumissivuille.
- Kortit & painikkeet — moderneja UI-aksentteja syvyydellä.
- Suunnitteluinspiraatio — löydä odottamattomia väriyhdistelmiä.
- Taustakuvat & bannerit — luo ainutlaatuisia visuaalisia resursseja.
Tietosuoja
Kaikki liukuvärit luodaan 100% selaimessasi. Mitään tietoja ei lähetetä palvelimelle.