Generator Gradientu

Twórz gradienty liniowe i radialne z podglądem. Kopiuj CSS.

Typ

LiniowyRadialny

Kąt: 45°

Punkty koloru

#ff5e3a%

#ff2d55%

CSS

background: linear-gradient(45deg, #ff5e3a 0%, #ff2d55 100%);

Tailwind (dowolna wartość)

bg-[linear-gradient(45deg,_#ff5e3a_0%,_#ff2d55_100%)]

Reklama

Jak to działa

Reklama

Narzędzie generuje gradient CSS; skrajnie złożone siatki wykraczają poza standardowe gradienty CSS.
Renderowanie kolorów może się nieznacznie różnić między wyświetlaczami.

Liniowy miesza kolory wzdłuż prostej osi (świetny do teł); radialny miesza je na zewnątrz od punktu środkowego (świetny do poświat i reflektorów).

Tak, dodaj dowolną liczbę punktów kolorów i umieść każdy wzdłuż gradientu.

Nie. Gradient CSS jest generowany na żywo w Twojej przeglądarce.

Reklama