Generator gradientów tła
Twórz gradienty liniowe, radialne i stożkowe — ręcznie albo z kolorów Twojego zdjęcia. Skopiuj kod CSS lub pobierz tło jako PNG w rozmiarze pod social media.
Zaloguj się, aby korzystać z: Gradienty tła
Załóż konto i przez 7 dni korzystaj ze wszystkich narzędzi za darmo. Potem 10 zł / miesiąc — z możliwością anulowania w dowolnym momencie. Twoje pliki i tak nigdy nie opuszczają przeglądarki.
Zobacz też dokumentację narzędzia.
Generator gradientów CSS i tła PNG
Gradient to najprostszy sposób na nowoczesne tło strony, banera czy grafiki w mediach społecznościowych. Ten generator pozwala złożyć gradient z 2–6 kolorów, ustawić kąt i od razu skopiować gotowy kod CSS lub zapisać obraz PNG w wybranym rozmiarze.
Typy gradientów
- Liniowy — barwy płynnie przechodzą wzdłuż prostej pod wybranym kątem (
linear-gradient). - Radialny — kolory rozchodzą się okręgiem od środka (
radial-gradient). - Stożkowy — kolory obiegają środek jak tarcza zegara (
conic-gradient).
Kolory ze zdjęcia
Wgraj fotografię, a narzędzie znajdzie jej dominujące kolory (algorytm k-średnich w przestrzeni Lab, czyli blisko ludzkiego postrzegania barw). Wybierz te, które chcesz mieć w gradiencie.
Prywatność
Zdjęcia nie opuszczają przeglądarki. Analiza kolorów i rysowanie PNG odbywa się lokalnie, bez wysyłania plików na serwer.
Najczęstsze pytania
Jaki rozmiar wybrać dla Instagrama?
Dla postu kwadratowego 1080×1080, dla pionowego 1080×1350, a dla relacji i Reels 1080×1920. Dla miniatur YouTube użyj 1280×720, a dla podglądu linków (Open Graph) 1200×630.
Czy PNG będzie wyglądał tak samo jak kod CSS?
Tak — geometria gradientu na canvasie odpowiada regułom CSS (ten sam kąt, linia gradientu i promień), więc PNG jest wiernym odpowiednikiem podglądu.
Jak użyć gradientu w edytorze napisów?
Kliknij „Użyj w edytorze napisów”. Edytor przejmie pierwszy i ostatni kolor oraz kąt, a rozmiar płótna ustawi na wybrany format.
Czy mogę zrobić gradient bez instalowania programów?
Tak, wszystko działa w przeglądarce i nie wymaga instalacji.