Смешивание цветов
Онлайн-микшер цветов, который смешивает цвета так, как они соединяются на самом деле. Выберите реалистичное смешивание красок (синий и жёлтый дают зелёный, как на палитре), аддитивный свет, субтрактивные чернила, перцептивный бленд или простое RGB-среднее — и сравните все пять сразу. Смешивайте два и более цвета в любой пропорции, читайте результат в HEX, RGB, HSL, CMYK и OKLCH, стройте градиент, проверяйте контраст и даже подбирайте рецепт из реальных художественных красок.
Как смешивать цвета
Краска — для пигментов, свет — для экранов, бленд — для плавной середины.
Введите код, используйте палитру или пипетку, затем укажите долю каждого.
Смотрите смешанный цвет и копируйте его в HEX, RGB, HSL, CMYK или OKLCH.
Проверьте сравнение пяти моделей, градиент и показатель контраста.
Смешивайте краски, свет или цифровые цвета и получайте верный результат
Модель смешивания
Цвета
Сравнение: все модели
Одни и те же цвета, смешанные пятью способами. Краска даёт зелёный, свет — белый, а простое RGB-среднее — серый. Именно поэтому большинство микшеров «врут». Нажмите карточку, чтобы переключиться.
Шаги перехода
Ступенчатый градиент между вашими цветами в выбранной модели. Нажмите шаг, чтобы скопировать его код.
Доступность результата
Контраст WCAG смешанного цвета и как он выглядит при нарушениях цветовосприятия.
Обратный подбор: рецепт краски
Выберите целевой цвет — мы найдём ближайшую смесь из двух реальных художественных красок и нужную пропорцию.
Популярные смешивания
Нажмите пару, чтобы загрузить её в микшер и увидеть результат.
Чем он отличается
Типичные применения
- Узнать, какой цвет дадут две краски, до реального смешивания.
- Найти пропорцию двух красок под нужный оттенок.
- Построить плавный градиент между бренд-цветами для дизайна.
- Понять, почему синий + жёлтый — зелёный в краске, но белый в свете.
- Проверить, остаётся ли смешанный цвет читаемым и дружелюбным к дальтоникам.
Почему именно этот
Почти все онлайн-микшеры просто усредняют значения RGB, поэтому синий и жёлтый выходят серыми — совсем не как краска. Этот инструмент использует модель пигментов Кубелка — Мунк (через открытый движок spectral.js) и смешивает цвета через поглощение и рассеяние света, как ведут себя настоящие пигменты, поэтому синий + жёлтый даёт правдоподобный зелёный. Он честен и в остальных моделях: свет складывается аддитивно, чернила субтрактивны, перцептивный бленд — для градиентов, а простое RGB-среднее показано лишь чтобы продемонстрировать частую ошибку. Расчёт смешивания выполняется в вашем браузере через WebAssembly.
Частые вопросы
Какой цвет получится, если смешать синий и жёлтый?
В краске синий и жёлтый дают зелёный — именно это показывает модель «Краска» по умолчанию, потому что настоящие пигменты смешиваются через поглощение света. В свете (аддитивно) синий и жёлтый, наоборот, дают белый. Наивное RGB-среднее даёт серый — поэтому многие другие микшеры выглядят неправильно.
Какой цвет дают красный и синий?
Смешанные как краска, красный и синий дают фиолетовый (от глубокого фиалкового до бордового — зависит от конкретных оттенков). Как свет красный и синий дают пурпурный (маджента).
Какие два цвета дают коричневый?
Коричневый получается при смешивании дополнительных цветов — например, красный + зелёный, или оранжевый + синий, или все три основных вместе. Нажмите плитку «Красный + Зелёный» ниже.
Чем это отличается от других микшеров цвета?
Большинство инструментов усредняют каналы RGB, что физически неверно для краски. Здесь по умолчанию работает реалистичная модель пигментов (Кубелка — Мунк), поэтому результат совпадает с тем, что происходит на реальной палитре, и все остальные модели показаны рядом.
Можно смешивать больше двух цветов?
Да — добавьте до шести цветов и задайте долю каждого ползунком или точным процентом.
Насколько точен результат краски?
Он физически правдоподобен, но не лабораторно точен. Перевод экранного цвета в пигмент — это оценка, а реальные краски различаются по силе, поэтому считайте результат и обратный рецепт отличной отправной точкой.
Что такое обратный рецепт?
Введите любой целевой цвет — инструмент переберёт набор реальных художественных красок и найдёт ближайшую смесь из двух пигментов, укажет пропорцию и насколько близко совпадение (ΔE).
Работает ли на телефоне?
Да. Пипетка требует браузера на Chromium (Chrome, Edge); в остальных используйте встроенную палитру выбора цвета.
Мы можем! Просто отправьте нам сообщение с вашим пожеланием. Если хотите обсудить детали — оставьте свою почту, и мы с вами свяжемся. Можно анонимно.
