edubun
Русский

Как мы видим цвет

В сетчатке около 6 миллионов колбочек всего трёх видов. Каждый цвет, который ты когда-либо видел, возникает благодаря сочетанию сигналов от этих трёх видов колбочек, реагирующих с разной силой.

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

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

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

Цвет начинается со света

Красное яблоко не содержит красного. Солнечный свет, падающий на него, несёт все видимые длины волн, от фиолетового около 400 нанометров до глубокого красного около 700. Кожица яблока поглощает большую часть коротких и средних волн и отражает длинные. Эти длинные волны достигают твоего глаза, и мозг называет результат красным. Измени свет, и цвет изменится вместе с ним: под чисто синей лампой то же яблоко выглядит почти чёрным, потому что для него нет длинноволнового света, который можно было бы отразить.

Спецификация CSS Color от W3C формулирует это аккуратно. Цвет предмета зависит от того, сколько света он отражает на каждой длине волны, и от света, который на него падает. Цвет того, что излучает свет, например экрана, зависит от того, сколько света он излучает на каждой длине волны. Два предмета с разными спектрами могут выглядеть совершенно одинаково, и тогда мы говорим, что у них один цвет.

Три вида колбочек

В OpenStax College Physics в сетчатке человека насчитывают около 6 миллионов колбочек. Их три типа, и каждый тип наиболее чувствителен к своему диапазону длин волн: один к длинноволновому (красноватому) свету, другой к средневолновому (зеленоватому) и третий к коротковолновому (синеватому). Одна колбочка не может сказать, какого цвета то, что она видит. Она лишь сообщает, сколько фотонов поймала. Цвет возникает, когда мозг сравнивает сигналы от трёх видов.

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

КонтекстВ 1660-х годах Исаак Ньютон начал пропускать солнечный свет через стеклянные призмы в затемнённой комнате. Он показал, что белый свет состоит из полосы цветов и что вторая призма не может разделить эти цвета дальше. Он опубликовал работу в Opticks в 1704 году. В той же книге он согнул полосу в круг, разделил его край на семь частей в пропорциях музыкальной гаммы и поместил белый в центр. Этот рисунок — один из первых цветовых кругов, и каждый тоновый круг в этом курсе происходит от него.

Что экран делает с этим

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

Поскольку трёх чисел достаточно, чтобы описать то, что сообщают колбочки, трёх чисел достаточно, чтобы описать цвет на экране. Остальная часть курса посвящена этим трём числам: как расположить их в теле, которое можно вращать, как подобрать сочетающиеся цвета и как проверить, что цвет читается на своём фоне.

  • 1660-е годы: Ньютон разлагает солнечный свет призмами.
  • 1704: Опубликована Opticks с цветовым кругом из семи частей.
  • около 1722 года: Леблон описывает трёхцветную печать в Coloritto.
  • 1861: Максвелл показывает цветную фотографию, составленную из трёх отфильтрованных изображений.
  • 2018: WCAG 2.1 становится рекомендацией W3C.
Главное
  • Предметы отражают свет определённых длин волн; экраны излучают свет. В обоих случаях свет достигает глаза в виде спектра.
  • В сетчатке около 6 миллионов колбочек трёх видов.
  • Разные спектры могут выглядеть одинаково, если одинаково возбуждают колбочки.
  • Экраны смешивают красный, зелёный и синий свет; все три на полную силу выглядят белыми.
  1. Почему красное яблоко кажется красным при солнечном свете?
    • Оно в основном отражает длинные волны
    • Оно производит красный свет
    • Оно поглощает красный свет
    • Солнечный свет красный
  2. Сколько миллионов колбочек в сетчатке человека, по данным OpenStax?
  3. Сколько типов колбочек у обычного человеческого глаза?
  4. Красный и зелёный свет пересекаются на белой стене. Какой цвет ты видишь?
    • Жёлтый
    • Коричневый
    • Синий
    • Чёрный
  5. Что ты видишь, когда красный, зелёный и синий свет светят на полную силу в одно место?
    • Белый
    • Чёрный
    • Серо-коричневый
    • Фиолетовый
  6. Яблоко освещено только чисто синей лампой. Как оно выглядит?
    • Очень тёмным, почти чёрным
    • Ярко-красным
    • Фиолетовый
    • Жёлтый
  7. У двух источников разные спектры, но они выглядят совершенно одинаково. Что говорит о них CSS Color 4?
    • У них один и тот же цвет
    • Один из них неверен
    • Такого не бывает
    • У них разные цвета
  8. В каком году опубликована Opticks Ньютона?
  9. На сколько частей Ньютон разделил край своего цветового круга?
    • 7
    • 3
    • 12
    • 6
  10. Почему экраны используют красный, зелёный и синий как основные?
    • Каждый в основном возбуждает один вид колбочек
    • Они единственно возможные основные цвета
    • Это самые дешёвые красители
    • Их выбрал Ньютон
Источники курса (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