Przejdź do głównej treści
Uddatak

Narzędzia projektowe i CSS

Generuj gradienty CSS, cienie i zaokrąglone rogi oraz sprawdzaj kontrast kolorów dla stron internetowych. 17 narzędzi — Działa całkowicie w Twojej przeglądarce.

W pełni lokalnie

Sprawdzanie kontrastu kolorów

Sprawdź, czy para kolorów tekstu i tła spełnia standardy dostępności WCAG.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator gradientu CSS

Zbuduj liniowy lub radialny gradient CSS w sposób wizualny i skopiuj gotowy kod.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator cienia box-shadow CSS

Zaprojektuj cień box-shadow CSS wizualnie za pomocą suwaków i skopiuj gotowy kod.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator zaokrąglenia rogów CSS

Zaprojektuj zaokrąglone rogi — także asymetryczne kształty — i skopiuj gotowy kod CSS.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Konwerter px na rem

Przelicz między pikselami a jednostkami rem na podstawie własnego rozmiaru czcionki bazowej.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Ekstraktor palety kolorów

Wyodrębnij najbardziej dominujące kolory z dowolnego obrazu wraz z kodami HEX, RGB i CSS.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator zrzutów ekranu kodu

Wklej kod i zamień go w estetyczny obraz z gradientowym tłem i paskiem tytułowym, gotowy do udostępnienia.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Symulator daltonizmu

Zobacz, jak Twój obraz wygląda w oczach osoby z daltonizmem (protanopia, deuteranopia, trytanopia lub achromatopsja).

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator clip-path CSS

Wybierz gotowy kształt (koło, trójkąt, gwiazda, dymek...) i skopiuj kod CSS clip-path.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator krzywej Béziera (cubic-bezier)

Przeciągnij dwa punkty, aby wizualnie zaprojektować własną krzywą animacji, i skopiuj kod cubic-bezier.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator glassmorphism CSS

Zaprojektuj wizualnie efekt matowej szyby (glassmorphism) i skopiuj gotowy kod CSS.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator CSS Grid i Flexbox

Zaprojektuj wizualnie układ Grid lub Flexbox z podglądem na żywo i skopiuj gotowy kod CSS.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Tekst w stylu pisma odręcznego

Zamień wpisany tekst w obraz wyglądający jak pismo odręczne na liniowanym papierze, w wybranym stylu pisma.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator wzorów blob SVG

Wygeneruj losowy organiczny kształt blob lub bezszwowy powtarzalny wzór tła jako SVG i skopiuj lub pobierz go.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator animacji keyframe CSS

Zaprojektuj wizualnie animację CSS (zanikanie, przesunięcie, powiększenie, odbicie, obrót, odwrócenie) i uzyskaj gotowy kod @keyframes.

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator harmonii palety kolorów

Wybierz kolor bazowy i uzyskaj harmonijną paletę kolorów (dopełniającą, analogiczną, triadyczną, tetradyczną, monochromatyczną).

Narzędzia projektowe i CSSOtwórz narzędzie
W pełni lokalnie

Generator gradientu mesh

Stwórz miękkie, wielopunktowe tło typu mesh gradient jednym kliknięciem i skopiuj gotowy kod CSS.

Narzędzia projektowe i CSSOtwórz narzędzie

Powiązane narzędzia

Narzędzia AINarzędzia tekstoweNarzędzia PDFNarzędzia do obrazów
Narzędzia