Generator gradientów CSS

Projektuj gradienty i kopiuj CSS w kilka sekund.

Ładowanie…

Wybierz rodzaj gradientu, ustaw kąt i dodaj do sześciu kolorów, każdy w swoim miejscu. Podgląd aktualizuje się na bieżąco, a kod CSS jest gotowy do wklejenia do arkusza stylów. Potrzebujesz obrazu? Pobierz gradient jako PNG w Full HD, 4K, w kwadracie lub formacie relacji – idealny na tapety i do mediów społecznościowych.

Jak utworzyć gradient CSS

Krok 1
Wybierz liniowy, radialny lub stożkowy.
Krok 2
Ustaw kąt i kolory.
Krok 3
Skopiuj CSS lub pobierz obraz.

Dlaczego PhotoTools

Trzy rodzaje

Gradienty liniowe, radialne i stożkowe.

Czysty CSS

Jedna linijka gotowa do wklejenia.

Rozmiary tapet

PNG do 3840 × 2160.

Obsługiwane formaty

Wyjście

Najczęstsze pytania

Czy CSS działa w każdej przeglądarce?

Gradienty liniowe i radialne działają wszędzie, a stożkowe we wszystkich aktualnych przeglądarkach.

Czy mogę użyć więcej niż dwóch kolorów?

Tak, do sześciu kolorów, a każdy może leżeć w dowolnym miejscu gradientu.

Czy to jest darmowe?

Tak. Narzędzia PhotoTools działające w przeglądarce są darmowe, bez limitów i nie wymagają konta.

Generator palet kolorówZbuduj harmonijny schemat kolorów z jednego koloru.Konwerter kolorówPrzelicz kod koloru na wszystkie inne formaty.Pobierz kolor ze zdjęciaPoznaj dokładny kolor dowolnego piksela na obrazie.Sprawdzanie kontrastu kolorówUpewnij się, że Twój tekst jest czytelny dla każdego.Paleta kolorów ze zdjęciaZamień zdjęcie w paletę kolorów.Gradient ze zdjęciaZamień kolory zdjęcia w gradient.