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 edytor online do tworzenia gradientów CSS i kopiowania kodu
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 wizualny edytor online do tworzenia CSS box-shadow i kopiowania kodu
Generator CSS border-radius Darmowy edytor CSS border-radius online z 8 uchwytami kontrolnymi
Konwerter kolorów Darmowe narzędzie online do konwersji między kodami kolorów HEX, RGB, HSL, OKLCH ze współczynnikiem kontrastu WCAG
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.