Narzędzia Projektowanie — Bezpłatne online
13 narzędziNarzędzia do projektowania i CSS: selektory kolorów, kreatory gradientów, generatory cieni i narzędzia CSS.
Sprawdzanie kontrastu WCAG i APCA
Sprawdź dostępność kolorów z proporcjami WCAG 2.1 i nowoczesnymi wynikami APCA z wizualną symulacją w czasie rzeczywistym.
Generator animacji CSS
Projektuj wizualnie wysoko wydajne animacje keyframe z podglądem na żywo i kontrolkami wygładzania.
Generator CSS Border Radius
Twórz wizualnie zaawansowane 8-punktowe border-radius CSS. Projektuj koła, kształty organiczne i skomplikowane figury.
Generator CSS Box Shadow
Projektuj wizualnie zaawansowane wielowarstwowe cienie CSS z podglądem w czasie rzeczywistym i obsługą inset.
Generator filtrów CSS
Stosuj filtry CSS w czasie rzeczywistym jak rozmycie, kontrast i jasność na obrazach z podglądem na żywo i eksportem kodu.
Generator CSS Flexbox
Projektuj wizualnie elastyczne układy z interaktywnym sandboxem dla właściwości kontenera i elementów.
Generator CSS Grid
Projektuj wizualnie złożone układy 2D. Przeciągnij, aby utworzyć obszary siatki, dostosuj ścieżki i eksportuj czysty CSS.
Konwerter PX ↔ REM
Dwukierunkowy konwerter px/rem z dopasowaniem Tailwind CSS, generatorem płynnej typografii clamp() i wsadową konwersją CSS.
Konwerter SVG na CSS
Konwertuj ikony SVG na zoptymalizowane CSS data URI z formatami wyjściowymi background-image, mask-image i Tailwind.
Generator Favicon
Generuj favicon z tekstu, emoji lub obrazów w formatach ICO, PNG, SVG i pakietu PWA z obsługą trybu ciemnego.
Generator gradientów CSS
Twórz atrakcyjne gradienty CSS z wizualnym edytorem obsługującym typy liniowy, radialny i stożkowy z interpolacją OKLCH i nakładką tekstury ziarnistej.
Generator palet kolorów
Generuj harmonijne palety kolorów w OKLCH z sześcioma trybami harmonii, matrycą kontrastu WCAG i eksportem CSS/Tailwind/JSON.
Selektor kolorów
Wybieraj kolory z interaktywnym płótnem HSV, konwertuj między HEX, RGB, HSL i OKLCH, i sprawdzaj współczynniki kontrastu WCAG na tle bieli i czerni.