Микшер цветов

Смешивание света на экране — не смешивание краски

Микшер усредняет значения красного, зелёного и синего света, а не пигменты. Синий #0000FF и жёлтый #FFFF00 при 50% дают серый #808080, а не зелёный, который получился бы при смешивании красок. Усреднение в sRGB также обычно делает промежуточные цвета между насыщенными оттенками более тусклыми и тёмными, чем исходные. CSS даёт тот же результат с помощью color-mix(in srgb, #FF6B35, #2563EB 50%), а другие цветовые пространства в этой функции, например oklch, обычно дают более яркие промежуточные оттенки.

Как рассчитать прозрачное наложение

Слой с заданной непрозрачностью показывает смесь самого себя и расположенного позади содержимого — используется та же арифметика. Сначала укажите фон, затем наложение и его непрозрачность как вес: белый текст с непрозрачностью 70% на #1E293B отображается как смесь с 70% белого. Этот непрозрачный результат можно использовать там, где прозрачность недоступна, а также проверить в проверке контраста.

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

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

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

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