Калькулятор смешивания красок и оттенков

Интерактивный онлайн-смешиватель красок и пигментов. Он помогает быстро:

• подобрать итоговый оттенок при смешении до трёх цветов + базы,
• получить «рецепт» — какие цвета и в каких процентах смешать,
• получить примерный итоговый HEX для цифрового превью,
• визуально проверить результат в режиме реального времени с помощью квадратного пикера оттенка.

Важно: инструмент вычисляет цвет в RGB (средневзвешенное по пропорциям) — это приближённая модель смешения реальных пигментов (практическое смешение — более сложное).

Быстрый старт

1. Выберите цель применения пикера (Цвет 1 / Цвет 2 / Цвет 3 / База) — кнопки сверху.
2. Подберите цвет в квадратном пикере или введите HEX вручную; RGB/HSV синхронизируются автоматически. Нажмите «Применить к выбранному цвету» — цвет попадёт в соответствующее поле.
3. Укажите пропорции (в процентах) для каждого цвета и базы. Сумма может быть любой — калькулятор нормализует её при вычислении: итоговая доля = (введённая доля) / (сумма всех долей).
4. Нажмите «Смешать» — справа появится итоговый цвет (HEX) и таблица с рецептом (метки «Цвет 1», «Цвет 2», «Цвет 3», «База») и нормализованными процентами со знаком %.
5. Клик по итоговому HEX скопирует его в буфер обмена.

Поля и элементы программы

Цвет 1 / Цвет 2 / Цвет 3

• Поля для ввода HEX-значений или применения цвета из пикера. Эти цвета — основные ингредиенты.

База

• База — обычная «основная» краска/носитель (например, белая база, прозрачная база или колерующая смесь). В этом инструменте база участвует как равноправный ингредиент: если вы задаёте ей процент, он учитывается в общей сумме пропорций.

Пропорции (%)

• Числовые поля, задающие относительный вклад каждого ингредиента. Не обязаны суммироваться до 100 — скрипт сам нормализует значения и показывает итоговые проценты в таблице.

Пикер (квадрат + слайдер Hue)

• Квадрат: изменяет насыщенность (S) и яркость/value (V).
• Hue-слидер: меняет оттенок (H).
• Три текстовых поля показывают текущие HEX, R,G,B и H,S,V. Можно вводить значения вручную.

Кнопка «Применить к выбранному цвету»

• Переносит пиксельный выбор в одно из полей (Цвет 1 / 2 / 3 / База) — удобнее, чем ввод HEX вручную.

Результат

• Появляется итоговый HEX и прямоугольник-образец. Таблица рецепта показывает метки, HEX-ы и нормализованные проценты со знаком %.

Что делает алгоритм

• Берёт каждый входной HEX и превращает в RGB (0–255).
• Берёт введённые пропорции (например, 50, 30, 20, 10). Нормализует — делит каждую долю на сумму всех долей.
• Вычисляет взвешенное среднее по компонентам R, G, B:
  R_result = Σ(R_i * weight_i), аналогично для G и B.
• Округляет компоненты и формирует итоговый HEX.
• Таблица показывает нормализованные проценты (т.е. то, какую долю в готовой смеси занимает каждый ингредиент).

Практические советы по использованию

1. RGB ≠ пигменты. Инструмент даёт цифровую визуализацию. Настоящее смешение пигментов — «вычитание» света (субтрактивное), ведёт к более тёмным/грязным результатам, чем цифровая модель. Всегда пробуйте небольшие пробы на практике.
2. Начинайте с меньшего количества пигмента. Добавляйте краситель/пигмент понемногу — легче затемнить, чем осветлить.
3. Белила/чёрнила. Белые или чёрные добавки сильно меняют тон при малых дозах; учитывайте это при пропорциях.
4. База как корректирующий агент. Если база — это просто носитель (например, белая база для эмалей), вы можете назначить ей небольшой процент (5–15%). Если база — значительная часть рецептуры, задайте её реальную долю.
5. Масштабирование рецепта. Если надо получить 1 литр итоговой смеси, переведите проценты в объём: литровая доля = процент / 100 * 1 л. Для порошковых пигментов и клеевых основ используйте вес (граммы).
6. Метамеризм. Оттенок может выглядеть по-разному при дневном и ламповом свете — всегда проверяйте освещение.
7. Записывайте реальные пробники. Фиксируйте реальные веса/объёмы для точного повторения.

Ограничения и точность

• Цифровая модель — приближение. Реальное смешение пигментов зависит от свойств конкретных красок: прозрачность/плотность пигмента, связующее, размер частиц, пигментные базы и т. д.
• Нет учёта химии. Некоторые пигменты при взаимодействии дают неожиданные «грязные» оттенки; инструмент не предсказывает химические реакции.
• Цвет в разных средах. Этот HEX — отображение для экрана. В печати, на холсте или в покрытии результат может отличаться.

Частые вопросы

Q. Как перевести проценты в миллилитры?

A. Если нужен объём 500 мл и цвет должен быть 25%, то объём этого компонента: 500 мл * 0.25 = 125 мл.

Q. Почему итог на экране отличается от реальной пробной банки?

A. Потому что монитор отображает аддитивное смешение света, а краски смешиваются субтрактивно; пигменты часто мутнеют и теряют яркость.

Q. Что лучше — задавать базу как отдельный процент или использовать фиксированный эффект tint?

A. Если база реально добавляется в смеси (например, 10% уходит на базу), указывайте её отдельной долей. Если база — лишь корректирующая лёгкая тонировка, можно применять фиксированный «tint»-вес (например, 5–10% от результата) — это поведение зависит от ваших материалов.

Справочные таблицы

И, напоследок, несколько советов из опыта. Используйте инструмент для предварительного подбора, затем делайте маленькие пробы (10–50 г) и корректируйте. Ведите журнал: для промышленных задач записывайте точные веса/объёмы и партии пигментов — оттенки между партиями могут отличаться. Тест на светостойкость: некоторые красители выгорают — делайте ускоренные тесты на свет. Температура и влажность могут влиять на сушку и внешний вид покрытия.