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.
background: linear-gradient(90deg, #ff0000 0%, #0000ff 100%);Jak używać
Wybierz Kolory
Ustaw kolory gradientu
Ustaw Kierunek
Skonfiguruj kierunek i typ gradientu
Skopiuj
Skopiuj kod CSS do użycia
Funkcje
Wizualny edytor
Przeciągnij i upuść, aby dostosować pozycje kolorów
Wiele typów
Obsługuje gradienty liniowe, radialne i stożkowe
Presety
Dostępne piękne presety gradientów
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 box-shadow
Wizualnie twórz CSS box-shadow za pomocą suwaków. Obsługuje wiele cieni i cienie wewnętrzne.
Generator CSS border-radius
Generuj CSS border-radius z kontrolą poszczególnych narożników. Zawiera opcje promienia eliptycznego i popularne presety kształtów.