Цвета и CSS-дизайн
Студия цветов, палитр и контраста
Конвертируйте цветовые модели, стройте CSS-шкалы, извлекайте палитры и проверяйте контраст по WCAG или APCA.
Открыть инструментКоллекция инструментов
Студии цвета, доступности и CSS
Сравнивайте цвета и контраст, готовьте градиенты и тени, затем проектируйте макеты на Grid, Flexbox или текучих шкалах. Результаты проверки контраста зависят от выбранного стандарта и не заменяют полную проверку доступности.
Студии для изучения цвета, проверки контраста и создания градиентов, теней и CSS-макетов.
Инструменты коллекции
4 инструмента
Цвета и CSS-дизайн
Студия CSS-градиентов, теней и анимаций
Создавайте градиенты, тени, фильтры, CSS-трансформации и анимации с предпросмотром.
Открыть инструментЦвета и CSS-дизайн
Студия CSS Grid, Flexbox и текучей типографики
Проектируйте CSS-сетки, Flexbox-макеты, текучие размеры шрифтов и адаптивные отступы.
Открыть инструментИзображения и векторная графика
Студия SVG и векторных значков
Редактируйте SVG-код, viewBox и цвета, оптимизируйте контуры и экспортируйте в TSX/JSX, CSS Data URI, PNG или WebP.
Открыть инструментВключённые категории
Вопросы о дизайн- и CSS-инструментах
Проверяет ли студия цветов контраст по WCAG и APCA?
Страница студии цветов описывает доступные методы и показатели. Проверьте выбранный режим и интерпретируйте результат с учётом контекста использования.
Похожие коллекции
Выбирайте инструменты по типу задачи.
Просмотреть все инструменты