Цвет → система дизайна
Введите один цвет и автоматически создайте палитру, градиент и проверку контраста AA/AAA.
Цвет → система дизайна — Связанный цветовой конвейер: один HEX поступает в генератор палитры, чьи базовый и дополнительный цвета одновременно передаются в проверку контраста (AA/AAA) и построитель CSS-градиента. Выберите один цвет — получите целую систему дизайна.
Включённые инструменты
Конвертер цветов
Преобразуйте цвета между HEX, RGB и HSL с предпросмотром в реальном времени.
Генератор цветовой палитры
Создавайте оттенки, тона и гармоничные цвета из одного базового HEX-цвета, каждый с копируемым HEX-значением.
Проверка цветового контраста
Проверьте коэффициент контраста WCAG между HEX-цветом текста и фона и узнайте, проходит ли он AA и AAA для обычного и крупного текста.
Генератор CSS-градиентов
Создайте линейный, радиальный или конический CSS-градиент с произвольными цветовыми переходами и углом, смотрите результат в реальном времени и копируйте готовое правило background.