цвет
Генератор дополнительного цвета
Создайте цвет с противоположным оттенком на детерминированном цветовом круге HSL.
Генератор дополнительного цвета: TOEA применяет фиксированную формулу: оттенок дополнительного цвета = исходный оттенок + 180°. Вычисления цвета выполняются локально в вашем браузере. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.
- Категория
- Инструменты на каждый день
- Запуски
- В вашем браузере
- Стоимость
- Бесплатно · без регистрации
- Доступность
- Готово к использованию
Дополнительный HEX
#EBAD25
- Дополнительный RGB
- rgb(235, 173, 37)
Оттенок дополнительного цвета = исходный оттенок + 180°- Результаты — детерминированные математические преобразования sRGB; отображаемый вид зависит от вашего монитора и цветового профиля.
- Для ввода HEX используется запись #RGB или #RRGGBB. Значения остаются в вашем браузере и не загружаются на сервер.
Не цветовой круг художника
Противоположный оттенок здесь определяется экранным кругом красного, зелёного и синего, где красному соответствует голубой, зелёному — пурпурный, а синему — жёлтый. На уроках рисования изучают круг, основанный на красной, жёлтой и синей красках: в нём красному соответствует зелёный, а синему — оранжевый. Поэтому синий вроде #2563EB здесь получает тёплого янтарного партнёра, близкого к оранжевому цвету художника, но не совпадающего с ним. У серого, белого и чёрного нет оттенка, поэтому они возвращаются без изменений.
Как использовать дополнительную пару
Два дополнительных цвета полной насыщенности, расположенные рядом, создают вибрацию на общей границе и утомляют глаза, особенно если один используется как текст на другом. Используйте один как основной цвет, а второй — как небольшой акцент для призыва к действию, выделения или линии графика, которая должна бросаться в глаза. Осветлите или затемните один из цветов, чтобы пара различалась также по яркости. Это помогает сохранить различимость для людей с нарушением цветового зрения и в градациях серого.
Как пользоваться
- Введите допустимые значения #RGB или #RRGGBB и любой запрошенный процент.
- Запустите фиксированную локальную операцию с цветом в браузере.
- Просмотрите образцы цветов и скопируйте результат или значения палитры.
Конфиденциальность и ограничения
Значения цветов остаются на этом устройстве. Результат проверки контрастности — это математическая проверка, а не безусловная гарантия соответствия WCAG; необходимо также проверить контекст, отображение шрифта, контраст нетекстовых элементов и состояния пользовательского интерфейса.
Похожие инструменты
Часто задаваемые вопросы
Как работает дополнительный цвет?
Используется формула: оттенок дополнительного цвета = исходный оттенок + 180°.
Какие форматы HEX поддерживаются?
Используйте трёхзначную запись #RGB или шестизначную запись #RRGGBB в sRGB. Альфа-каналы и названия цветов не поддерживаются.
Гарантирует ли результат проверки контрастности соответствие требованиям доступности?
Нет. Это математическая проверка контрастности для указанных цветов и пороговых значений текста, а не безусловная гарантия соответствия требованиям.
Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен