Цветовые палитры

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

Выбери два или больше цветов, задай, сколько частей взять от каждого, и посмотри на итоговый цвет. Работает как краска или как свет экрана.

Результат

Нажми на код, чтобы скопировать его.

Открыть в генераторе палитр →

От первого цвета ко второму

Девять промежуточных смесей, от наибольшей до наименьшей доли первого цвета. Нажми на одну, чтобы скопировать её HEX.

Какие цвета смешать, чтобы получить нужный цвет

Исходные пропорции с красным, жёлтым, синим, белым и чёрным. Нажми на рецепт, попробуй его в миксере и доработай.

Популярные смеси

Показать все смеси →

Попробуй также

Палитра цветов из имениНапиши имя и получи собственную палитру цветовЦветовой автоматПотяни рычаг и получи цветовую палитруЦветной аквариумРасслабляющий 3D-аквариум в ваших цветах
Все бесплатные инструменты →

Основные и вторичные цвета

В живописи основные цвета — красный, жёлтый и синий. Если смешать два основных в равной пропорции, получатся вторичные: красный и жёлтый дают оранжевый, жёлтый и синий — зелёный, а красный и синий — фиолетовый. Все три вместе дают тёмно-коричневый.

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

Краска поглощает свет: каждая добавленная краска убавляет яркость, поэтому смесь темнеет. Свет экрана складывается: красный, зелёный и синий вместе дают белый. Этот миксер покажет тебе оба результата.

Как осветлить или затемнить цвет

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

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

Какие цвета смешать, чтобы получить коричневый?

Смешай красный, жёлтый и немного синего или оранжевый с небольшим количеством синего. С большей долей красного получится красно-коричневый, с большей долей жёлтого — более светлый, золотисто-коричневый.

Как смешать розовый?

Смешай красный с белым. С большим количеством белого получится пастельно-розовый, с меньшим — насыщенный розовый. Капля синего сделает его холоднее.

Результат такой же, как с настоящими красками?

Это хорошее приближение. У каждого производителя красок свои пигменты, поэтому воспринимай пропорции как отправную точку и доводи их постепенно.

Что такое смешивание как свет?

Это среднее значение цветов в том виде, как они отображаются на экране, так же как функция color-mix в CSS. Подходит для цифрового дизайна, градиентов и прозрачности.

Другие гайды и инструменты