Generator gradientów tła
Dodaj od 2 do 5 kolorów ręcznie albo wgraj zdjęcie, z którego wyciągniemy spójną paletę, a generator ułoży z nich płynny gradient. Wybierz typ przejścia, kąt i format tła — gotowy plik PNG pobierzesz jednym kliknięciem, a kod CSS skopiujesz do własnego projektu.
Minimum 2 kolory. Dla czytelnego przejścia zalecamy 2–5.
Przeciągnij suwak przy kolorze, aby zmienić jego pozycję w przejściu.
Wpisz dowolny rozmiar (16–8000 px na bok) albo wybierz gotowy format powyżej.
Tworzysz tło dla edytora napisów. Ustaw kolory, typ, kąt i rozmiar, a potem kliknij „Użyj w edytorze napisów”.
Dodaj co najmniej 2 kolory, aby zobaczyć gradient.
Jak działa generator gradientów?
Każdy dodany kolor staje się „stopem” gradientu — punktem, w którym przejście osiąga dany kolor w 100%. Suwak pozycji pozwala rozsunąć lub zbliżyć kolory względem siebie, a typ gradientu (liniowy, radialny, stożkowy) decyduje o kształcie przejścia. Wynik widzisz od razu w podglądzie i w kodzie CSS pod nim.
Skąd biorą się kolory ze zdjęcia?
Po wgraniu zdjęcia przeglądarka analizuje jego piksele lokalnie (Canvas API) i grupuje zbliżone odcienie, aby wybrać najbardziej reprezentatywne kolory. Plik nigdy nie opuszcza Twojego urządzenia — cała operacja odbywa się bez udziału serwera.
Jaki format tła wybrać?
1:1 i 4:5 sprawdzą się jako tło pod posty w social media, 9:16 pod Stories i Reels, 16:9 pod prezentacje i miniatury wideo, a proporcja 2,35:1 pod szerokie banery i grafiki w stylu kinowej panoramy. Każdy format eksportujemy od razu w rozdzielczości gotowej do publikacji.