Аддитивное и субтрактивное смешение
Голубая краска на белой бумаге поглощает красный свет, поэтому голубая и пурпурная, напечатанные одна поверх другой, оставляют только синий.
Перетащи, чтобы повернуть. Для изменения масштаба прокрути колёсико или сведи и разведи два пальца.
Два способа получить цвет
Экран начинается тёмным и добавляет свет. Бумага начинается белой и отнимает свет. Это два вида смешения цветов. При аддитивном смешении, которое используют экраны, проекторы и сценический свет, каждый источник добавляет свой свет, и чем больше источников, тем ярче результат. При субтрактивном смешении, которое используют краски, красители и цветные фильтры, каждый слой поглощает часть света, который иначе достиг бы глаза, и чем больше слоёв, тем темнее результат. В тексте OpenStax по нейронауке показаны оба способа рядом: красный, зелёный и синий круги, которые при сложении дают белый, и голубой, пурпурный и жёлтый круги, которые при вычитании дают чёрный.
Почему основные цвета красок — голубой, пурпурный и жёлтый
Представь каждую краску как фильтр, убирающий один из основных цветов экрана из белого света. Голубая убирает красный и пропускает зелёный и синий. Пурпурная убирает зелёный и пропускает красный и синий. Жёлтая убирает синий и пропускает красный и зелёный. Теперь наложи их друг на друга. Голубая и пурпурная вместе убирают красный и зелёный, оставляя синий. Пурпурная и жёлтая убирают зелёный и синий, оставляя красный. Голубая и жёлтая убирают красный и синий, оставляя зелёный. Все три убирают всё, оставляя чёрный, по крайней мере в этой идеальной модели. Вторичные цвета одной системы — основные другой, поэтому две диаграммы выглядят как зеркальные отражения.
В числах модель перемножает. Белая бумага — 255 в каждом канале. Краска силой s сохраняет долю 1 − s своего канала. Голубая на полную силу превращает красный канал в 0. Голубая на 50% превращает его примерно в 128, и получается rgb(128 255 255), бледно-голубой. Наложение красок перемножает их доли, так что порядок не важен. Свет, наоборот, складывается: два света, красный 255 и зелёный 255, дают rgb(255 255 0). Двигай ползунки и сравнивай шестнадцатеричные коды на панели.
Зачем печатники добавляют чёрный
Настоящие краски не идеальные фильтры. Каждая поглощает немного света, который должна пропускать, и пропускает немного того, что должна блокировать, поэтому голубая, пурпурная и жёлтая, напечатанные вместе, обычно дают грязный тёмно-коричневый, а не чистый чёрный. Печатать три слоя краски для чёрного текста ещё и долго, а бумага сильно намокает от краски. Поэтому печатники добавляют четвёртую краску, чёрную, и систему называют CMYK. OpenStax описывает её как голубую, пурпурную и жёлтую плюс чёрную, обычную систему для печатных красок. Художественные краски ещё сложнее, потому что пигменты не только поглощают свет, но и рассеивают его, поэтому смешение красок никогда не следует чистой модели в точности.
| Аддитивное (свет) | Субтрактивное (краска) | |
|---|---|---|
| Начинается с | Чёрный | Белый |
| Основные цвета | Красный, зелёный, синий | Голубой, пурпурный, жёлтый |
| Два основных | R + G = жёлтый, G + B = голубой, R + B = пурпурный | C + M = синий, M + Y = красный, C + Y = зелёный |
| Все три | Белый | Чёрный (идеально), тёмно-коричневый у настоящих красок |
| Используют | Экраны, проекторы, сценический свет | Принтеры, краски, красители, фильтры |
- Аддитивное смешение добавляет свет и становится ярче; субтрактивное убирает свет и становится темнее.
- Голубая убирает красный, пурпурная убирает зелёный, жёлтая убирает синий.
- C + M = синий, M + Y = красный, C + Y = зелёный.
- Печатники добавляют чёрный (K), потому что настоящие краски не дают чистого чёрного.
- Голубая и пурпурная краски перекрываются на белой бумаге. Какой цвет остаётся?
- Синий
- Красный
- Зелёный
- Белый
- Пурпурная и жёлтая перекрываются. Что остаётся?
- Красный
- Синий
- Зелёный
- Чёрный
- Какой основной цвет экрана жёлтая краска убирает из белого света?
- Синий
- Красный
- Зелёный
- Никакой
- Какое смешение использует экран телефона?
- Аддитивное
- Субтрактивное
- Оба одинаково
- Ни то ни другое
- Что дают все три краски вместе в идеальной модели?
- Чёрный
- Белый
- Серый
- Коричневый
- Какая буква обозначает чёрный в CMYK?
- Голубая краска силой 50% на белой бумаге. Чему равен красный канал после округления? (255 × (1 − 0.5))
- Красный и синий свет перекрываются. Какой цвет ты видишь?
- Пурпурный
- Голубой
- Жёлтый
- Зелёный
- Зачем печатники используют отдельную чёрную краску?
- Настоящие краски C, M и Y дают грязный тёмно-коричневый
- Чёрный — основной цвет света
- Бумага поглощает чёрный
- Жёлтая краска слишком дорогая
- Кто первым изложил метод трёхцветной печати в 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