Narzędzia do projektowania
Szybkie narzędzia do pracy nad front-endem i projektami wizualnymi, z gotowym do skopiowania CSS oraz sprawdzaniem dostępności opartym na wzorze kontrastu WCAG.
Narzędzi: 7
Narzędzia w tej kategorii
- Konwerter kolorówKonwertuj kolory między HEX, RGB, HSL, HWB, OKLCH i uproszczonym CMYK. Wklej dowolny kolor CSS lub użyj próbnika, a następnie skopiuj wybrany format. Działa w przeglądarce.
- Sprawdzanie kontrastu kolorówSprawdź kontrast tekstu i tła według WCAG 2.2, wyniki AA i AAA dla tekstu oraz elementów interfejsu, a także najbliższy kolor spełniający wymagania.
- Generator gradientów CSSTwórz liniowe, radialne i stożkowe gradienty CSS z 2–6 punktami kolorów, ustawiaj kąt i położenie, oglądaj podgląd na żywo i kopiuj kod CSS tła.
- Generator cieni CSSProjektuj cienie CSS z wieloma warstwami: dostosuj przesunięcie, rozmycie, rozprzestrzenienie, kolor, nieprzezroczystość i inset. Zobacz podgląd na dowolnym tle i skopiuj CSS box-shadow.
- Generator palet kolorówTwórz palety kolorów dopełniających, analogicznych, triadycznych, tetradycznych, rozdzielonych dopełniających oraz odcieni na podstawie jednego koloru. Blokuj kolory, a potem kopiuj HEX, CSS lub JSON.
- Konwerter PX na REMPrzeliczaj px na rem lub em i odwrotnie, z dowolnym bazowym rozmiarem czcionki (domyślnie 16px). Tabela popularnych rozmiarów i konwersja wartości px w całych fragmentach CSS.
- Kalkulator proporcji obrazuOblicz brakującą szerokość lub wysokość dla dowolnych proporcji, uprość wymiary, np. 1920×1080 do 16:9, sprawdź podgląd i skopiuj regułę CSS aspect-ratio.