Цвета и CSS-дизайн
Студия цветов, палитр и контраста
Конвертируйте цветовые модели, стройте CSS-шкалы, извлекайте палитры и проверяйте контраст по WCAG или APCA.
Открыть инструментЦвета и CSS-дизайн
Студия CSS-градиентов, теней и анимаций
Создавайте градиенты, тени, фильтры, CSS-трансформации и анимации с предпросмотром.
Кратко
Создавайте градиенты, тени, фильтры, CSS-трансформации и анимации с предпросмотром.
Основные функции
Создавайте градиенты, тени, фильтры, CSS-трансформации и анимации с предпросмотром.
Как пользоваться этим инструментом
- Введите или импортируйте нужные данные, в зависимости от доступных элементов управления.
- Выберите параметры, подходящие для вашей задачи, и проверьте настройки.
- Проверьте результат, прежде чем копировать или экспортировать его.
Интерактивная рабочая область
Общие подписи интерфейса переводятся, если доступно подходящее соответствие. Некоторые специализированные поля и сообщения могут оставаться на английском; названия форматов и код сохраняются без изменений.
Прокрутите страницу вниз, чтобы увидеть полное руководство на русском с пошаговыми инструкциями и частыми вопросами.
Конфиденциальность и ограничения
Способ обработки и сетевые запросы зависят от инструмента и используемой функции. Перед загрузкой конфиденциальных данных прочитайте пояснения в рабочей области и политику конфиденциальности.
Возможности, форматы и допустимый размер файлов зависят от браузера и инструмента. Для больших файлов следите за ресурсами устройства и при необходимости проверяйте результат в специализированном приложении.
Связанные инструменты
Цвета и CSS-дизайн
Студия CSS Grid, Flexbox и текучей типографики
Проектируйте CSS-сетки, Flexbox-макеты, текучие размеры шрифтов и адаптивные отступы.
Открыть инструмент