Инструменты Дизайн — Бесплатно онлайн
13 инструментовИнструменты дизайна и CSS: выбор цвета, генераторы градиентов и теней, CSS-утилиты.
Проверка контрастности WCAG и APCA
Проверка доступности цветов по WCAG 2.1 и APCA с визуальной симуляцией в реальном времени.
Генератор CSS-анимаций
Визуальное проектирование высокопроизводительных keyframe-анимаций с живым предпросмотром и управлением easing.
Генератор CSS Border Radius
Визуальное создание продвинутого 8-точечного CSS border-radius. Дизайн кругов, органических форм и фигур.
Генератор CSS Box Shadow
Визуальное проектирование многослойных CSS-теней с предпросмотром в реальном времени и поддержкой inset.
Генератор CSS-фильтров
Применение CSS-фильтров blur, contrast, brightness к изображениям с живым предпросмотром и экспортом кода.
Генератор CSS Flexbox
Визуальное проектирование flex-макетов с интерактивной песочницей для свойств контейнера и элементов.
Генератор CSS Grid
Визуальное проектирование сложных 2D-макетов. Перетаскивание для создания grid-областей и экспорт чистого CSS.
Конвертер PX в REM
Двунаправленный конвертер px/rem с Tailwind CSS, генератором fluid-типографики clamp() и пакетной конвертацией CSS.
Конвертер SVG в CSS
Конвертация SVG-иконок в оптимизированные CSS data URI с форматами background-image, mask-image и Tailwind.
Генератор Favicon
Генерация фавиконов из текста, эмодзи или изображений в форматах ICO, PNG, SVG и PWA с поддержкой тёмного режима.
Генератор CSS-градиентов
Создание привлекательных CSS-градиентов с визуальным редактором для линейных, радиальных и конических типов с интерполяцией OKLCH.
Генератор цветовых палитр
Генерация гармоничных цветовых палитр в OKLCH с шестью режимами гармонии, матрицей контраста WCAG и экспортом CSS/Tailwind/JSON.
Выбор цвета
Выбор цветов на интерактивном HSV-холсте, конвертация между HEX, RGB, HSL и OKLCH с проверкой контраста WCAG.