Дизайн и CSS

Генерируйте CSS-градиенты, тени, скругления углов и проверяйте контрастность цветов для веба. 17 инструментов — Полностью работает в вашем браузере.

Полностью локально

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

Проверьте реальный коэффициент контраста между двумя цветами по стандартам доступности WCAG

Дизайн и CSSОткрыть инструмент

Полностью локально

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

Создайте линейный или радиальный цветовой градиент и получите готовый код CSS

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор теней CSS (Box Shadow)

Настройте тень элемента визуально и получите готовый код box-shadow

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор скругления углов (Border Radius)

Настройте скругление углов элемента визуально и получите готовый код border-radius

Дизайн и CSSОткрыть инструмент

Полностью локально

Конвертер px в rem и em

Конвертируйте значения между px, rem и em с настройкой базового размера шрифта

Дизайн и CSSОткрыть инструмент

Полностью локально

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

Извлеките главные доминирующие цвета из любого изображения в форматах HEX и RGB

Дизайн и CSSОткрыть инструмент

Полностью локально

Создание красивого скриншота кода

Вставьте код и превратите его в красивое изображение с градиентным фоном и окном заголовка, готовое для публикации

Дизайн и CSSОткрыть инструмент

Полностью локально

Симулятор дальтонизма

Посмотрите, как ваше изображение выглядит для человека с дальтонизмом (протанопия, дейтеранопия, тританопия или ахроматопсия)

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор clip-path для CSS

Выберите готовую форму (круг, треугольник, звезда, речевой пузырь...) и получите готовый код clip-path

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор кривой Cubic Bezier для анимации

Перетащите две точки, чтобы визуально спроектировать кривую ускорения анимации (Easing), и получите код cubic-bezier

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор эффекта матового стекла (Glassmorphism)

Визуально создайте карточку с эффектом матового стекла и получите готовый код CSS

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор макетов CSS Grid и Flexbox

Визуально создайте макет Grid или Flexbox с живым превью и получите готовый код CSS

Дизайн и CSSОткрыть инструмент

Полностью локально

Преобразование текста в рукописный почерк

Превратите набранный текст в изображение, выглядящее как написанное от руки на разлинованной бумаге, с несколькими стилями почерка

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор органических форм и фоновых узоров (SVG)

Сгенерируйте случайную органическую форму (Blob) или повторяющийся фоновый узор в формате SVG и скопируйте или скачайте его

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор анимаций CSS (Keyframe Animation)

Визуально создайте анимацию CSS (появление, скольжение, увеличение, отскок, вращение, переворот) и получите готовый код @keyframes

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор гармоничных цветовых палитр

Выберите базовый цвет и получите гармоничную палитру (комплементарную, аналоговую, триадную, тетрадную, монохромную)

Дизайн и CSSОткрыть инструмент

Полностью локально

Генератор сетчатых градиентов (Mesh Gradient)

Создайте мягкий многоточечный цветовой градиентный фон (Mesh Gradient) одним нажатием и скопируйте готовый код CSS

Дизайн и CSSОткрыть инструмент

Похожие инструменты

ИИ-инструменты Текстовые инструменты PDF-инструменты Инструменты для изображений

Инструменты