цвет

Генератор дополнительного цвета

Создайте цвет с противоположным оттенком на детерминированном цветовом круге HSL.

Генератор дополнительного цвета: TOEA применяет фиксированную формулу: оттенок дополнительного цвета = исходный оттенок + 180°. Вычисления цвета выполняются локально в вашем браузере. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.

Запуски
В вашем браузере
Стоимость
Бесплатно · без регистрации
Доступность
Готово к использованию
TOEA / ЦВЕТОВОЙ ДВИЖОК 01Только в браузере
ЛИСТ ВВОДА / 01

Значения цветов

Значения остаются на этом устройстве. После изменения входного значения выполните расчёт ещё раз.

ЛИСТ РЕЗУЛЬТАТОВ / 02

Дополнительный HEX

#EBAD25

Дополнительный RGB
rgb(235, 173, 37)
Рабочая формулаОттенок дополнительного цвета = исходный оттенок + 180°
ДОПУЩЕНИЯ / ПРОЧИТАЙТЕ ПЕРЕД ИСПОЛЬЗОВАНИЕМ
  1. Результаты — детерминированные математические преобразования sRGB; отображаемый вид зависит от вашего монитора и цветового профиля.
  2. Для ввода HEX используется запись #RGB или #RRGGBB. Значения остаются в вашем браузере и не загружаются на сервер.

Не цветовой круг художника

Противоположный оттенок здесь определяется экранным кругом красного, зелёного и синего, где красному соответствует голубой, зелёному — пурпурный, а синему — жёлтый. На уроках рисования изучают круг, основанный на красной, жёлтой и синей красках: в нём красному соответствует зелёный, а синему — оранжевый. Поэтому синий вроде #2563EB здесь получает тёплого янтарного партнёра, близкого к оранжевому цвету художника, но не совпадающего с ним. У серого, белого и чёрного нет оттенка, поэтому они возвращаются без изменений.

Как использовать дополнительную пару

Два дополнительных цвета полной насыщенности, расположенные рядом, создают вибрацию на общей границе и утомляют глаза, особенно если один используется как текст на другом. Используйте один как основной цвет, а второй — как небольшой акцент для призыва к действию, выделения или линии графика, которая должна бросаться в глаза. Осветлите или затемните один из цветов, чтобы пара различалась также по яркости. Это помогает сохранить различимость для людей с нарушением цветового зрения и в градациях серого.

Как пользоваться

  1. Введите допустимые значения #RGB или #RRGGBB и любой запрошенный процент.
  2. Запустите фиксированную локальную операцию с цветом в браузере.
  3. Просмотрите образцы цветов и скопируйте результат или значения палитры.

Конфиденциальность и ограничения

Значения цветов остаются на этом устройстве. Результат проверки контрастности — это математическая проверка, а не безусловная гарантия соответствия WCAG; необходимо также проверить контекст, отображение шрифта, контраст нетекстовых элементов и состояния пользовательского интерфейса.

Похожие инструменты

Часто задаваемые вопросы

Как работает дополнительный цвет?

Используется формула: оттенок дополнительного цвета = исходный оттенок + 180°.

Какие форматы HEX поддерживаются?

Используйте трёхзначную запись #RGB или шестизначную запись #RRGGBB в sRGB. Альфа-каналы и названия цветов не поддерживаются.

Гарантирует ли результат проверки контрастности соответствие требованиям доступности?

Нет. Это математическая проверка контрастности для указанных цветов и пороговых значений текста, а не безусловная гарантия соответствия требованиям.

Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен