Генератор дополнительных цветов
Рассчитайте комплементарную пару HSL, измените цвета и скопируйте результат. Контраст текста проверяйте отдельно.
Начать работу
Расчёт и ограничения
RGB базового цвета сохраняется как HEX в верхнем регистре. Для второго цвета тон, насыщенность и светлота HSL округляются до целых; к округлённому тону добавляется 180°, затем выполняется перевод в RGB. Угол фиксирован. Это отличается от инверсии RGB по формуле 255 минус значение каждого канала.
#FF0000 даёт #FF0000 и #00FFFF. Для базы #3B82F6 второй цвет — #F6AF3C. Округление может менять серые оттенки: для #010101 второй цвет — #000000. Расчёт HSL без округления может дать иной результат.
Диапазон RGB — 0–255, тона — 0–360°, остальных компонентов — 0–100%. Значение HSV и светлота HSL — разные величины. Используйте непрозрачные цвета без альфа-канала. Редактирование результата не сохраняет комплементарную связь автоматически; при необходимости заново создайте пару из базового цвета.
Расчёт выполняется в браузере, без выборки цвета из изображения и измерения контраста. Пара не гарантирует читаемость текста, одинаковую воспринимаемую яркость или доступность. Проверяйте контраст текста и фона отдельно.
Обработка выполняется локально в вашем браузере.