10 narzędzia · 100% in your browser

Kolor i Projekt

Color and CSS tools for designers: HEX/RGB/HSL/OKLCH converter, WCAG contrast checker, gradient, shadow, border-radius and bezier generators, Tailwind colour…

Kolor· 4 narzędzia

Konwertuj, sprawdzaj kontrast i wybieraj z obrazów.

Konwerter kolorów (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL i nowoczesny OKLCH — błyskawicznie.

Sprawdzanie kontrastu (WCAG)

Sprawdź kontrast WCAG AA / AAA — zaliczony lub niezaliczony.

Wyszukiwarka kolorów Tailwind

Najbliższa klasa Tailwind dla dowolnego koloru HEX.

Selektor kolorów obrazu i paleta

Upuść obraz, wyodrębnij paletę.

Generatory CSS· 4 narzędzia

Gradienty, cienie, promień i krzywe łagodzące.

Generator gradientów

Liniowe, promieniowe i stożkowe gradienty CSS.

Generator cienia pudełka (Box Shadow)

Wizualny edytor CSS box-shadow.

Generator zaokrąglenia rogów (Border Radius)

Edytor CSS border-radius dla każdego rogu.

Edytor krzywych Béziera

Wizualnie projektuj krzywe łagodzące CSS.

Układ· 2 narzędzia

Jednostki CSS i współczynniki proporcji.

Konwerter jednostek CSS

Konwertuj px, rem, em, pt i inne.

Kalkulator proporcji obrazu

Oblicz proporcje i zmień rozmiar wymiarów.