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

Создавайте темные оттенки, светлые тона и читаемый цвет текста из одного базового цвета для интерфейсов и брендинга.

Категории Ожидание результата

Этот инструмент был полезен?

Базовый цвет

Рекомендуемый цвет текста

#FDC003

Темный текст

Темные оттенки

Важные замечания

Расчёты основаны на стандартных формулах. Значения могут округляться для удобства чтения. Для важных решений проверьте официальный источник.

Сохраните результат, сравните его с предыдущими расчетами или поделитесь отчетом.

Базовый цвет смешивается с черным для темных оттенков и с белым для светлых тонов. Цвет текста выбирается по относительной яркости.

Темные оттенки подходят для состояний наведения, нажатия и сильных акцентов.
Светлые тона подходят для фонов, карточек и мягких выделений.
Цвет текста служит отправной точкой; для важных интерфейсов нужен полный тест контраста WCAG.

Можно ли планировать токены интерфейса?expand_more

Да. Можно быстро получить варианты основного цвета, наведения, фона и приглушенных акцентов.

Заменяет ли это проверку WCAG?expand_more

Нет. Для важных интерфейсов необходимо проверить точное соотношение контраста.