Skip to content

Kolor i Projekt

Generator gradientów

Darmowy generator gradientów CSS. Twórz wizualnie liniowe, promieniowe i stożkowe gradienty. Kopiuj CSS lub klasy Tailwind natychmiast. Podgląd na żywo podczas dostosowywania.

Runs in your browser

Gradient generator

CSS

background: linear-gradient(135deg, #3b82f6, #a855f7);
css

Tailwind (approx)

bg-gradient-to-br from-[#3b82f6] to-[#a855f7]
css

Notka redakcyjna

Understanding · Two colours and a path between them.

Ten szczegółowy rozdział jest obecnie dostępny tylko w języku angielskim. Narzędzie konwersji powyżej działa w Twoim języku; długi artykuł objaśniający nie został jeszcze przetłumaczony.

Często zadawane pytania

Quick answers.

›What gradient types are supported?

Linear, radial and conic — all three CSS gradient types.

›Can I add color stops?

Yes — add as many color stops as you need with custom positions for fine-grained control.

›Does it output Tailwind?

Yes — toggle to get Tailwind utility classes (e.g. bg-gradient-to-r from-blue-500 to-purple-600).

›Is the generator free?

Yes — fully free, no signup, runs in your browser.

Ludzie wyszukują również

Use with

What people reach for next.

Powiązane narzędzia

More in this room.

Zobacz wszystkie w Kolor i Projekt