Web i projektowanie

Generator gradientów

Podejrzyj liniowy gradient dwóch kolorów i skopiuj CSS z wybranym kątem.

Obszar roboczy⌁ Przetwarzanie na Twoim urządzeniu

Ładowanie narzędzia…

Przetwarzanie na Twoim urządzeniu

01 /

Jak to działa

Podejrzyj liniowy gradient dwóch kolorów i skopiuj CSS z wybranym kątem. Wpisz wartości lub wypróbuj przykład. Uruchom działanie, sprawdź wynik, a potem skopiuj go lub pobierz. Błąd nie usuwa danych wejściowych.

02 /

Przykład

#246649 + #EEF4E9 · 90°
→ background: linear-gradient(90deg, #246649, #EEF4E9);
03 /

Kiedy użyć tego narzędzia

Utwórz tło CSS banera lub karty i sprawdź kierunek.

Formaty i ograniczenia

Tylko nieprzezroczyste sRGB. HEX: 3 lub 6 cyfr; RGB: liczby całkowite 0–255; HSL: odcień 0–360 i procenty 0–100. Zaokrąglenie do 8-bitowego RGB.

Coś nie działa ↗

Warto wiedzieć

Co się dzieje po zmianie danych?

Zmiana danych wymaga nowego wyniku. Uruchom działanie ponownie; stare linki są usuwane, aby uniknąć pomyłek.

Czy moje pliki są wysyłane?

Pliki i wklejona treść są przetwarzane w tymczasowej pamięci przeglądarki i nie są przesyłane do przetwarzania. Preferencje zapisują tylko identyfikatory narzędzi, język i motyw. Nie ma kont, reklam ani automatycznych raportów błędów. Zamknięcie strony usuwa pracę; pobierz wyniki do zachowania. Wersja produkcyjna używa Google Analytics do statystyk odwiedzin; szczegóły na stronie Prywatność.