Generator gradientu CSS
색상 정지점
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); Ostatnia aktualizacja: 2026 · Darmowe narzędzie online
Czym jest Generator gradientu CSS?
Darmowy wizualny generator gradientów CSS: twórz gradienty liniowe, radialne i stożkowe, dostosuj punkty kolorów i kąt, a następnie kopiuj gotowy kod CSS na tła witryny.
Jak używać
- 1 Wybierz typ — Wybierz typ gradientu (liniowy, radialny, stożkowy).
- 2 Dostosuj punkty kolorów — Dostosuj kolor i pozycję każdego punktu koloru.
- 3 Podgląd — Sprawdź wynik w czasie rzeczywistym w podglądzie.
- 4 Kopiuj kod CSS — Skopiuj kod CSS do schowka przyciskiem 'Kopiuj'.
Powiązane narzędzia
Generator CSS box-shadow Darmowy generator CSS box-shadow online z kontrolkami przesunięcia, rozmycia, rozproszenia, koloru i inset, oferujący podgląd cienia na żywo i tworzący gotowy do skopiowania kod CSS box-shadow.
Generator CSS border-radius Darmowy generator CSS border-radius online z ośmioma niezależnymi uchwytami narożników i suwakami, oferujący podgląd na żywo zaokrąglonego kształtu i tworzący gotowy do skopiowania kod CSS border-radius.
Konwerter kolorów Darmowy konwerter kolorów online, który natychmiast przelicza między kodami HEX, RGB, HSL i OKLCH oraz oblicza współczynnik kontrastu WCAG między dwoma kolorami, by sprawdzić zgodność z dostępnością.
Najczęściej zadawane pytania
Nie ma limitu, ale typowe jest 2-6. Zbyt wiele może wpłynąć na wydajność.
Tak. Zaznacz pole wyboru 'Powtórz', aby dodać prefiks repeating.
Dostępnych jest pięć presetów: Sunset, Ocean, Forest, Midnight i Rainbow.
Obecnie produkowany jest tylko czysty CSS. Konwersja na Tailwind jest planowana w przyszłej aktualizacji.
Nie. Całe przetwarzanie odbywa się w przeglądarce.