Generator wzorców tła CSS
Generuj wzorce tła przy użyciu czystego CSS. Dostosuj paski, kropki, kratki i inne za pomocą edytora wizualnego.
background: repeating-linear-gradient( 0deg, #ffffff, #ffffff 20px, #3b82f6ff 20px, #3b82f6ff 40px );
Jak używać
Wybierz wzorzec
Wybierz wzorzec: paski, kropki, kratki itp.
Dostosuj
Dostosuj kolory, rozmiar, kąt itp. za pomocą suwaków
Skopiuj CSS
Skopiuj wygenerowany kod CSS
Funkcje
Podgląd w czasie rzeczywistym
Podgląd wzorców w czasie rzeczywistym podczas dostosowywania parametrów
Bogata kolekcja wzorców
Wiele szablonów wzorców: paski, kropki, kratki, zygzak i inne
Bez obrazów
Generowane wyłącznie za pomocą gradientów CSS, co zapewnia doskonałą wydajność
FAQ
🔗Powiązane narzędzia
Przelicznik kodów kolorów
Przeliczaj między kodami kolorów HEX, RGB i HSL. Użyj próbnika kolorów i podglądu w czasie rzeczywistym do intuicyjnego wyboru kolorów.
Próbnik kolorów
Intuicyjnie wybieraj kolory za pomocą koła kolorów i suwaków. Pobieraj i kopiuj kody kolorów w formatach HEX, RGB i HSL.
Ekstraktor kolorów obrazu
Automatycznie wykrywaj dominujące kolory z obrazu i generuj paletę kolorów. Możesz też kliknąć dowolne miejsce na obrazie, aby wybrać pojedyncze kolory.
Pobieracz średniego koloru obrazu
Oblicz średni kolor całego obrazu lub wybranego obszaru. Przydatny do wybierania schematów kolorów lub kolorów tła miniatur.
Generator CSS gradient
Wizualnie twórz gradienty CSS za pomocą przeciąganych kontrolek. Obsługuje typy gradientów liniowych, radialnych i stożkowych z presetami.
Generator CSS box-shadow
Wizualnie twórz CSS box-shadow za pomocą suwaków. Obsługuje wiele cieni i cienie wewnętrzne.