10 инструментов · 100% in your browser

Цвет и дизайн

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

Цвет· 4 инструментов

Конвертируйте, проверяйте контраст и выбирайте цвета из изображений.

Конвертер цвета (HEX/RGB/HSL/OKLCH)

HEX, RGB, HSL и современный OKLCH — мгновенно.

Проверка контрастности (WCAG)

Проверьте контрастность WCAG AA / AAA — соответствует или нет.

Поиск цвета Tailwind

Ближайший класс Tailwind для любого HEX цвета.

Выбор цвета изображения и палитра

Перетащите изображение, извлеките его палитру.

Генераторы CSS· 4 инструментов

Градиенты, тени, радиусы и функции сглаживания.

Генератор градиентов

Линейные, радиальные и конические градиенты CSS.

Генератор Box Shadow

Визуальный редактор CSS box-shadow.

Генератор Border Radius

Редактор индивидуального border-radius CSS.

Редактор Cubic Bezier

Визуально создавайте кривые сглаживания CSS.

Макет· 2 инструментов

Единицы измерения CSS и соотношения сторон.

Конвертер единиц CSS

Конвертируйте px, rem, em, pt и другие.

Калькулятор соотношения сторон

Рассчитайте соотношения и измените размеры.