Generator gradientów
Twórz i podglądaj gradienty CSS wizualnie.
Ustawienia gradientu
Ustaw typ i kierunek gradientu
Punkty kolorów
Ustaw kolory i pozycje gradientu
%
%
Predefiniowane
Wypróbuj predefiniowane gradienty
Podgląd
Zobacz wygenerowany gradient
Wygenerowany CSS
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Opis typu gradientu
Gradient liniowy
Gradient, który zmienia kolor w linii prostej. Możesz dostosować kąt, aby ustawić kierunek.
Gradient promieniowy
Gradient, który zmienia kolor od punktu centralnego na zewnątrz w kształcie koła lub elipsy.
Gradient stożkowy
Gradient stożkowy, który zmienia kolor podczas obracania wokół punktu centralnego.