Curated for designers
Built for designers — pixel-perfect, private, instant.
Convert colors, check WCAG contrast, build gradients, shadows and easing curves, sample palettes from images, and clean up assets — all client-side.
Why this set
Designers move between Figma, the browser DevTools panel, and the codebase all day. This set replaces the dozen tabs you'd otherwise keep open: a color converter that speaks HEX/RGB/HSL/OKLCH, accessible contrast checking, CSS generators that output copy-paste ready code, and image utilities that compress without re-uploading sensitive comps to a third-party host.
Color
Konwerter kolorów (HEX/RGB/HSL/OKLCH)
HEX, RGB, HSL i nowoczesny OKLCH — błyskawicznie.
- Offline
Sprawdzanie kontrastu (WCAG)
Sprawdź kontrast WCAG AA / AAA — zaliczony lub niezaliczony.
- Offline
Wyszukiwarka kolorów Tailwind
Najbliższa klasa Tailwind dla dowolnego koloru HEX.
- Offline
Selektor kolorów obrazu i paleta
Upuść obraz, wyodrębnij paletę.
- No upload
CSS generators
Generator gradientów
Liniowe, promieniowe i stożkowe gradienty CSS.
- Offline
Generator cienia pudełka (Box Shadow)
Wizualny edytor CSS box-shadow.
- Offline
Generator zaokrąglenia rogów (Border Radius)
Edytor CSS border-radius dla każdego rogu.
- Offline
Edytor krzywych Béziera
Wizualnie projektuj krzywe łagodzące CSS.
- Offline
Layout & assets
Konwerter jednostek CSS
Konwertuj px, rem, em, pt i inne.
- Offline
Kalkulator proporcji obrazu
Oblicz proporcje i zmień rozmiar wymiarów.
- Offline
Zmieniacz rozmiaru obrazów
Zmień rozmiar obrazów do dokładnych wymiarów w pikselach.
- No upload
Kompresor obrazów
Zmniejsz rozmiar pliku obrazu jednym kliknięciem.
- No upload
Generator Favicon
Generuj pełne zestawy ikon favicon i ikon PWA.
- No upload
Konwerter SVG na PNG
Renderuj znaczniki SVG do wysokiej rozdzielczości PNG.
- No upload