Generator Losowych Gradientów
Generuj losowe gradienty CSS — liniowe, radialne, stożkowe. Harmonijne kombinacje kolorów, gotowy do wklejenia kod CSS. W przeglądarce.
background: linear-gradient(45deg, #000, #fff);
bg-gradient-to-br from-[#000] to-[#fff]
Historia
Informacje
Jak działa generator gradientów?
To narzędzie wybiera 2-3 kolory na podstawie teorii harmonijnego koloru (relacje analogiczne, dopełniające lub triadyczne) z rotacjami odcienia HSL. Losowe kąty lub pozycje wybierane są za pomocą crypto.getRandomValues(). Wynik renderowany jest jako podgląd na żywo obok gotowego do wklejenia kodu CSS.
Typy gradientów
- Liniowy — kolory mieszają się wzdłuż prostej linii pod konfigurowalnym kątem.
- Radialny — kolory promieniują od centralnego punktu.
- Stożkowy — kolory obracają się wokół centrum, jak koło barw.
Typowe zastosowania
- Sekcje hero — efektowne tła do landing page.
- Karty i przyciski — nowoczesne akcenty UI z głębią.
- Inspiracja projektowa — odkrywaj nieoczekiwane kombinacje kolorów.
- Tapety i banery — generuj unikalne zasoby wizualne.
Prywatność
Wszystkie gradienty są generowane w 100% w Twojej przeglądarce. Żadne dane nie są wysyłane na serwer.