edubun
Русский

Аддитивное и субтрактивное смешение

Голубая краска на белой бумаге поглощает красный свет, поэтому голубая и пурпурная, напечатанные одна поверх другой, оставляют только синий.

Загружается 3D-модель

Перетащи, чтобы повернуть. Для изменения масштаба прокрути колёсико или сведи и разведи два пальца.

Три идеальные краски на белой бумаге. Каждый ползунок задаёт, сколько одной краски нанесено. В меню «Вид» выбери «Смешение света (аддитивное)», чтобы сравнить два правила рядом.

Два способа получить цвет

Экран начинается тёмным и добавляет свет. Бумага начинается белой и отнимает свет. Это два вида смешения цветов. При аддитивном смешении, которое используют экраны, проекторы и сценический свет, каждый источник добавляет свой свет, и чем больше источников, тем ярче результат. При субтрактивном смешении, которое используют краски, красители и цветные фильтры, каждый слой поглощает часть света, который иначе достиг бы глаза, и чем больше слоёв, тем темнее результат. В тексте OpenStax по нейронауке показаны оба способа рядом: красный, зелёный и синий круги, которые при сложении дают белый, и голубой, пурпурный и жёлтый круги, которые при вычитании дают чёрный.

Почему основные цвета красок — голубой, пурпурный и жёлтый

Представь каждую краску как фильтр, убирающий один из основных цветов экрана из белого света. Голубая убирает красный и пропускает зелёный и синий. Пурпурная убирает зелёный и пропускает красный и синий. Жёлтая убирает синий и пропускает красный и зелёный. Теперь наложи их друг на друга. Голубая и пурпурная вместе убирают красный и зелёный, оставляя синий. Пурпурная и жёлтая убирают зелёный и синий, оставляя красный. Голубая и жёлтая убирают красный и синий, оставляя зелёный. Все три убирают всё, оставляя чёрный, по крайней мере в этой идеальной модели. Вторичные цвета одной системы — основные другой, поэтому две диаграммы выглядят как зеркальные отражения.

В числах модель перемножает. Белая бумага — 255 в каждом канале. Краска силой s сохраняет долю 1 − s своего канала. Голубая на полную силу превращает красный канал в 0. Голубая на 50% превращает его примерно в 128, и получается rgb(128 255 255), бледно-голубой. Наложение красок перемножает их доли, так что порядок не важен. Свет, наоборот, складывается: два света, красный 255 и зелёный 255, дают rgb(255 255 0). Двигай ползунки и сравнивай шестнадцатеричные коды на панели.

КонтекстВ Smithsonian Libraries хранится редкая книга, напечатанная в Лондоне около 1722 года, Coloritto Якоба Кристофа Леблона. Леблон первым изложил метод трёхцветной печати, используя красный, жёлтый и синий для получения остальных цветов. Он также провёл различие, которого не было в работах Ньютона о свете: цвета, которыми пользуются художники, ведут себя иначе, чем цветной свет. Smithsonian называет это первой письменной фиксацией того, что мы теперь называем аддитивным и субтрактивным цветом.

Зачем печатники добавляют чёрный

Настоящие краски не идеальные фильтры. Каждая поглощает немного света, который должна пропускать, и пропускает немного того, что должна блокировать, поэтому голубая, пурпурная и жёлтая, напечатанные вместе, обычно дают грязный тёмно-коричневый, а не чистый чёрный. Печатать три слоя краски для чёрного текста ещё и долго, а бумага сильно намокает от краски. Поэтому печатники добавляют четвёртую краску, чёрную, и систему называют CMYK. OpenStax описывает её как голубую, пурпурную и жёлтую плюс чёрную, обычную систему для печатных красок. Художественные краски ещё сложнее, потому что пигменты не только поглощают свет, но и рассеивают его, поэтому смешение красок никогда не следует чистой модели в точности.

Аддитивное (свет)Субтрактивное (краска)
Начинается сЧёрныйБелый
Основные цветаКрасный, зелёный, синийГолубой, пурпурный, жёлтый
Два основныхR + G = жёлтый, G + B = голубой, R + B = пурпурныйC + M = синий, M + Y = красный, C + Y = зелёный
Все триБелыйЧёрный (идеально), тёмно-коричневый у настоящих красок
ИспользуютЭкраны, проекторы, сценический светПринтеры, краски, красители, фильтры
Главное
  • Аддитивное смешение добавляет свет и становится ярче; субтрактивное убирает свет и становится темнее.
  • Голубая убирает красный, пурпурная убирает зелёный, жёлтая убирает синий.
  • C + M = синий, M + Y = красный, C + Y = зелёный.
  • Печатники добавляют чёрный (K), потому что настоящие краски не дают чистого чёрного.
  1. Голубая и пурпурная краски перекрываются на белой бумаге. Какой цвет остаётся?
    • Синий
    • Красный
    • Зелёный
    • Белый
  2. Пурпурная и жёлтая перекрываются. Что остаётся?
    • Красный
    • Синий
    • Зелёный
    • Чёрный
  3. Какой основной цвет экрана жёлтая краска убирает из белого света?
    • Синий
    • Красный
    • Зелёный
    • Никакой
  4. Какое смешение использует экран телефона?
    • Аддитивное
    • Субтрактивное
    • Оба одинаково
    • Ни то ни другое
  5. Что дают все три краски вместе в идеальной модели?
    • Чёрный
    • Белый
    • Серый
    • Коричневый
  6. Какая буква обозначает чёрный в CMYK?
  7. Голубая краска силой 50% на белой бумаге. Чему равен красный канал после округления? (255 × (1 − 0.5))
  8. Красный и синий свет перекрываются. Какой цвет ты видишь?
    • Пурпурный
    • Голубой
    • Жёлтый
    • Зелёный
  9. Зачем печатники используют отдельную чёрную краску?
    • Настоящие краски C, M и Y дают грязный тёмно-коричневый
    • Чёрный — основной цвет света
    • Бумага поглощает чёрный
    • Жёлтая краска слишком дорогая
  10. Кто первым изложил метод трёхцветной печати в Coloritto?
    • Якоб Кристоф Леблон
    • Исаак Ньютон
    • Джеймс Клерк Максвелл
    • Томас Саттон
Источники курса (14)
  • W3C, Web Content Accessibility Guidelines (WCAG) 2.2, relative luminance (0.04045 threshold, note on the pre-May-2021 value 0.03928)
  • contrast ratio (L1 + 0.05) / (L2 + 0.05)
  • range 1:1 to 21:1, SC 1.4.1 Use of Color, 1.4.3 Contrast (Minimum) 4.5:1 and 3:1 for large-scale text (18 pt, or 14 pt bold)
  • 1.4.6 Contrast (Enhanced) 7:1 and 4.5:1, 1.4.11 Non-text Contrast 3:1, WCAG 2.1 published June 2018 (w3.org/TR/WCAG22/)
  • W3C, CSS Color Module Level 4, hex notation, hsl with 0deg red, 120deg green, 240deg blue, hsl(60deg 100% 50%) yellow vs hsl(240deg 100% 50%) blue at the same HSL lightness, hue spacing not perceptually uniform, HSL as a cylindrical model (w3.org/TR/css-color-4/)
  • OpenStax College Physics 2e, 26.3 Color and Color Vision: about 6 million cones of three types, red + green gives yellow, no unique set of primaries (openstax.org/books/college-physics-2e/pages/26-3-color-and-color-vision)
  • OpenStax Introduction to Behavioral Neuroscience, 6.2 The Retina: RGB pixels, CMY inks plus black, red-green colour blindness in about 8% of males (openstax.org/books/introduction-behavioral-neuroscience/pages/6-2-the-retina)
  • Smithsonian Libraries, Color in a New Light, The Science of Color: Newton's prism experiments from the 1660s, Opticks 1704, Le Blon's Coloritto (London, about 1722) and the distinction between material colours and coloured light (library.si.edu/exhibition/color-in-a-new-light/science)
  • The Newton Project (University of Oxford)
  • Opticks 1704, Book I Part II Prop. VI: colour circle divided into seven parts in musical proportion, white at the centre (newtonproject.ox.ac.uk/view/texts/normalized/NATP00034)
  • History of Information and Wikimedia Commons file record, Maxwell's 1861 Royal Institution demonstration, tartan ribbon photographed by Thomas Sutton through red, green and blue filters and projected together (historyofinformation.com/detail.php?id=3666)
  • LibreTexts, Coalinga College Drawing Basics 8.4 Color Theory: complementary, analogous, split-complementary, triadic, tetradic (human.libretexts.org)
  • RMIT Colour Theory, Interactive colour wheel and colour relationships (rmit.pressbooks.pub/colourtheory1)
  • University of Delaware Library, Graphic Design guide, Color Schemes, 60/30/10 rule (guides.lib.udel.edu/design/color).

Проверено: 2026-10-17