Смешивание цветов

Среднее арифметическое RGB двух цветов

HEX, RGB или HSL

HEX, RGB или HSL

Нашли ошибку или хотите предложить улучшение?

Улучшить калькулятор «Смешивание цветов»

Теория

Смешивание цветов — усреднение компонент RGB с весами. Смесь 50/50 двух цветов — среднее арифметическое каждой компоненты: синий \((0,0,255)\) и жёлтый \((255,255,0)\) дают серый \((127,127,127)\). Доля каждого цвета задаёт веса.

Это аддитивное смешение, как на экране, а не как у красок: краски смешиваются субтрактивно, и синий с жёлтым дали бы зелёный. Для экранных градиентов и анимаций используют RGB-модель.

Важно: результат смешивания зависит от пропорции — веса задают, какой цвет доминирует в итоге.

Пример с решением

  1. Условие. Смешайте красный \((255, 0, 0)\) и белый \((255, 255, 255)\) поровну.
  2. Формула. \(R = w_1 R_1 + w_2 R_2\) по каждой компоненте.
  3. Подстановка. \(R = 0{,}5 \times 255 + 0{,}5 \times 255 = 255\); \(G = 0{,}5 \times 0 + 0{,}5 \times 255 = 127{,}5\); \(B = 127{,}5\).
  4. Вычисление. Компоненты: 255, 128, 128.
  5. Ответ. Смесь — светло-красный \(\texttt{#FF8080}\). Калькулятор с этими цветами и долей 50% покажет тот же результат.

Главное

  • Смесь — взвешенное среднее компонент RGB.
  • 50/50 — обычное среднее.
  • Экранное смешение отличается от красок.