Таблица смешивания цветов и руководство по подбору оттенков
Как правильно смешивать краски, рецепты получения коричневого и экспорт готового кода CSS color-mix().
1. Почему физика смешивания красок отличается от экранного RGB?
На мониторах свет излучается (аддитивная модель). В физической живописи, окрашивании тканей и ремонте пигменты поглощают свет (субтрактивная модель).
PigmentLab использует расчеты рассеяния света Кубелки-Мунка, поэтому каждый цвет рассчитывается физически достоверно.
2. Таблица смешивания красок
| Цвет 1 | Цвет 2 | Результат PigmentLab (Реальные краски) | Обычный экранный расчет (RGB) |
|---|---|---|---|
| Синий фталоцианин (#002185) | Кадмий желтый (#FFF600) | Яркий изумрудный зеленый (#3D933E) | Грязный серо-бурый (#808C43) |
| Кадмий красный (#E60026) | Кадмий желтый (#FFF600) | Чистый оранжевый (#F27B13) | Блеклый оранжевый (#F37B13) |
| Синий фталоцианин (#002185) | Кадмий красный (#E60026) | Глубокий фиолетовый | Блеклый маджента |
3. Как смешать краски, чтобы получить коричневый цвет
Коричневый не входит в число основных цветов, поэтому художники получают его сбалансированным смешиванием пигментов. Попробуйте три классических рецепта:
Смешайте Красный + Желтый + Синий в близких пропорциях. Больше желтого даст теплую охру, больше красного — каштановый оттенок.
Соедините противоположные цвета: Красный + Зеленый или Синий + Оранжевый. Это дает благородный природный коричневый тон.
Добавьте Титановые белила для бежевых тонов и немного Ультрамарина вместо черного для глубокого шоколадного цвета.
Хотите подобрать точный комплементарный оттенок или гармоничную палитру? Открыть цветовой круг Иоганнеса Иттена →
4. Пошаговая инструкция: как смешать цвета онлайн и получить код
Выполните четыре простых шага для точного физического смешивания красок:
- 1
Выберите режим смешивания
Используйте «Краски (RYB)» для физической модели Кубелки-Мунка или «Web (OKLCH)» для генерации CSS color-mix().
- 2
Выберите пигменты или HEX-коды
Добавьте до 6 слотов, введите свой HEX-код или выберите готовые художественные пигменты из палитры.
- 3
Настройте пропорции (1%–100%)
Передвигайте ползунки процентного соотношения, чтобы подобрать идеальную формулу оттенка.
- 4
Проверьте контраст WCAG и скопируйте код
Оцените вид оттенка в UI-компонентах с рейтингом WCAG 2.1 и скопируйте HEX, RGB, HSL, CMYK, OKLCH или CSS.
5. Кому полезен симулятор смешивания цветов PigmentLab?
Инструмент подходит для традиционного искусства, дизайна и веб-разработки:
Художникам (масло, акрил, гуашь)
Подбирайте пропорции красок и рецепты коричневого заранее, экономя реальные пигменты на палитре.
Веб-дизайнерам и разработчикам
Создавайте плавные миксы в OKLCH через CSS color-mix() и сразу проверяйте читаемость по WCAG 2.1.
Дизайнерам печати и упаковки
Сравнивайте субтрактивное смешивание красок RYB и поведение печатных чернил CMYK.
Преподавателям и студентам
Наглядно сравнивайте физическое поглощение света пигментами с экранным сложением RGB.
6. Ключевые преимущества симулятора
- ✓Физическая оптика Кубелки-Мунка: Синий + Желтый дают сочный Зеленый вместо тускло-серого.
- ✓Четыре движка смешивания: Реальные краски (RYB), OKLCH, экранный RGB и CMYK.
- ✓До 6 цветовых слотов с точной формулой пропорций и сохранением своих пресетов.
- ✓Встроенная проверка контрастности WCAG 2.1 AA/AAA на светлом и темном фоне.
- ✓Полностью бесплатно, без регистрации и с обработкой данных локально в браузере.
Академические ссылки и спецификации
- Kubelka & Munk (1931): Оптика красочных покрытий ↗
Базовая физическая модель поглощения и рассеяния света пигментами (перевод Корнеллского университета).
graphics.cornell.edu - Обзор теории Кубелки-Мунка ↗
K/S reflectance ratio & subtractive colorant formulation.
en.wikipedia.org - W3C CSS Color Module Level 4 ↗
Официальная спецификация перцептивного пространства OKLCH и функции CSS color-mix().
w3.org - W3C Web Content Accessibility Guidelines (WCAG) 2.1 ↗
Международные пороги контрастности (AA 4.5:1 и AAA 7:1) для доступного дизайна.
w3.org
Часто задаваемые вопросы
Как смешать цвета онлайн с эффектом реальных красок?▼
Чтобы смешать цвета онлайн в PigmentLab, выберите режим «Краски (RYB)», укажите нужные цвета или выберите художественные пигменты и настройте пропорции от 1% до 100%. Наш алгоритм симулирует субтрактивное поглощение света: Синий и Желтый дают яркий Зеленый, как на настоящей палитре.
Как смешивать цвета, чтобы получить коричневый?▼
Получить коричневый цвет можно тремя путями: 1. Смешать все три основных цвета: Красный, Желтый и Синий. 2. Смешать комплементарные цвета: Красный с Зеленым или Синий с Оранжевым. 3. Для теплых охристых оттенков добавьте к желтому немного красного и каплю синего.
Что происходит при смешивании всех цветов?▼
В субтрактивной физике пигментов каждая частица поглощает определенную часть светового спектра. Поэтому смешивание всех основных красок дает глубокий темно-коричневый или черный цвет, в отличие от экранов RGB, где получается белый.
Палитра цветов: как смешивать краски?▼
На художественной палитре смешивание красок подчиняется субтрактивным законам: объединение базовых цветов (Красный, Желтый, Синий) образует вторичные (Оранжевый, Зеленый, Фиолетовый). В PigmentLab вы можете смешивать любые цвета палитры с точными процентами и мгновенным расчетом кода HEX.