Przejdź do głównej treści
Uddatak

Generator zaokrąglenia rogów CSS

Dostosuj niezależnie każdy róg za pomocą suwaków na żywo na przykładowym polu, aby zaprojektować od lekko zaokrąglonych rogów po organiczne, asymetryczne kształty blob, a następnie skopiuj dokładną wartość CSS border-radius.

Narzędzia projektowe i CSS Działa całkowicie w Twojej przeglądarce

Całe przetwarzanie odbywa się na Twoim urządzeniu — nic nie jest wysyłane na serwer.

Kod CSS

border-radius: 16px;

Kontynuuj z

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 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

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

Powiązane narzędzia

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

Chcesz wypróbować Uddatak?

Przeglądaj pełną bibliotekę narzędzi i od razu zacznij korzystać z tego, czego potrzebujesz — za darmo, bez rejestracji.

Zobacz wszystkie narzędzia