Generator gradientów CSS

Twórz gradienty liniowe lub radialne z maksymalnie 4 kolorami i kopiuj gotowy kod CSS.

🔒 100% prywatności ⚡ Bez wysyłania plików 🆓 Bezpłatne, bez limitów

Jak tworzyć gradienty CSS online

1

Wybierz typ gradientu

Wybierz liniowy lub promieniowy, w zależności od efektu, jaki chcesz uzyskać.

2

Dodaj i dostosuj kolory

Dodaj do 4 kolorów, zmień ich kolejność i dostosuj kąt lub pozycję gradientu.

3

Skopiuj kod CSS

Naciśnij przycisk kopiowania i wklej kod bezpośrednio do arkusza stylów.

Pytania dotyczące generatora gradientów

Gradienty to prosty sposób na dodanie głębi i stylu do każdego projektu internetowego. To narzędzie generuje dokładny kod CSS, którego potrzebujesz, bez konieczności pisania go ręcznie.

Jakie typy gradientów mogę tworzyć?

+

Możesz tworzyć gradienty liniowe (pod dowolnym kątem) i radialne.

Ile kolorów mogę użyć?

+

Możesz łączyć od 2 do 4 kolorów w tym samym gradiencie.

Czy kod działa we wszystkich przeglądarkach?

+

Tak, generowany jest przy użyciu standardowej składni CSS, kompatybilnej ze wszystkimi nowoczesnymi przeglądarkami.

Czy muszę zainstalować jakiś program?

+

Nie, nie trzeba nic instalować. Działa bezpośrednio z przeglądarki.

Czy to jest darmowe?

+

Tak, to narzędzie jest całkowicie bezpłatne.

Czy mogę użyć gradientu jako tła obrazu?

+

Wygenerowany kod to czysty CSS; jeśli potrzebujesz obrazu, możesz zrobić zrzut ekranu podglądu.

Odkryj kolory według rodziny

Ponad 469 kolorów o nazwach z ich kodami HEX, RGB, HSL i CMYK, zorganizowanych w 12 rodzinach tonów.

Czerwone 50 Pomarańcze 45 Brązy 40 Żółte 40 Zielone 55 Turkusy 35 Błękity 55 Fiolety 45 Różowe 45 Szarości 35 Biele 15 Czerni 9 Pastelowe 36