Цвет → система дизайна

Введите один цвет и автоматически создайте палитру, градиент и проверку контраста AA/AAA.

Цвет → система дизайна — Связанный цветовой конвейер: один HEX поступает в генератор палитры, чьи базовый и дополнительный цвета одновременно передаются в проверку контраста (AA/AAA) и построитель CSS-градиента. Выберите один цвет — получите целую систему дизайна.

Включённые инструменты

Конвертер цветов

Преобразуйте цвета между HEX, RGB и HSL с предпросмотром в реальном времени.

Генератор цветовой палитры

Создавайте оттенки, тона и гармоничные цвета из одного базового HEX-цвета, каждый с копируемым HEX-значением.

Проверка цветового контраста

Проверьте контраст WCAG 2.1 и оценку APCA Lc между цветом текста и фона, посмотрите значки AA, AAA и 3:1 и примените ближайший проходящий цвет.

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

Создавайте линейные, радиальные и конические CSS-градиенты визуально с перетаскиваемой полосой переходов, слоями, случайными палитрами и готовым правилом.