Содержание
Неоднозначность понятия «цвет» и восприятие цветов
Основная статья: Психология восприятия цвета
Спектр на экране монитора (справа добавлен пурпурный участок).Яркость на красном, зелёном и синем прямоугольниках под спектром показывает относительную интенсивность ощущения на каждом из трёх независимых типов колбочек — рецепторов человеческого зрения.
Понятие «цвет» имеет два смысла: оно может относиться как к психологическому ощущению, вызванному отражением света от некого объекта (оранжевый апельсин), так и быть однозначной характеристикой самих источников света (оранжевый свет). В первом случае речь идёт о субъективно воспринимаемом цвете, зависящем от множества параметров, во втором — исключительно длине волны наблюдаемого излучения. Соответствие объективной длины волны субъективному цветовому ощущению может варьироваться, поэтому свет с одинаковой длиной волны может восприниматься как разные оттенки цвета.
Различный спектральный состав света может давать одинаковый отклик на зрительных рецепторах (эффект метамерии цвета).
Ощущение цвета зависит от комплекса физиологических, психологических и культурно-социальных факторов. Существует т. н. цветоведение — анализ процесса восприятия и различения цвета на основе систематизированных сведений из физики, физиологии и психологии. Носители разных культур по-разному воспринимают цвет объектов
В зависимости от важности тех или иных цветов и оттенков в обыденной жизни народа, некоторые из них могут иметь большее или меньшее отражение в языке. Способность цветораспознавания имеет динамику в зависимости от возраста человека
Сочетания цветов воспринимаются гармоничными (гармонирующими) либо нет. Субъективный аспект восприятия цвета известен также как квалиа.
Существует цветотерапия — лечение цветом.
Физиология восприятия цвета
Средние нормализованные спектральные характеристики чувствительности цветовых рецепторов человека — колбочек. Штриховой линией показана чувствительность палочек — рецепторов сумеречного зрения. Ось длин волн на графике имеет логарифмический масштаб
Ощущение цвета возникает в мозге при возбуждении и торможении цветочувствительных клеток — рецепторов глазной сетчатки человека или животного, — колбочек. У человека и приматов существует три вида колбочек, различающихся по спектральной чувствительности, — ρ (условно «красные»), γ (условно «зелёные») и β (условно «синие»), соответственно. Светочувствительность колбочек невысока, поэтому для хорошего восприятия цвета необходима достаточная освещённость или яркость. Наиболее богаты цветовыми рецепторами центральные части сетчатки.
Каждое цветовое ощущение у человека может быть представлено в виде суммы ощущений этих трёх цветов (т. н. «трёхкомпонентная теория цветового зрения»). Установлено, что пресмыкающиеся, птицы и некоторые рыбы имеют более широкую область ощущаемого оптического излучения. Они воспринимают ближнее ультрафиолетовое излучение (300—380 нм), синюю, зелёную и красную часть спектра. При достижении необходимой для восприятия цвета яркости наиболее высокочувствительные рецепторы сумеречного зрения — палочки — автоматически отключаются.
Субъективное восприятие цвета зависит также от яркости и скорости его изменения (увеличения или уменьшения), адаптации глаза к фоновому свету (см. цветовая температура), от цвета соседних объектов, наличия дальтонизма и других объективных факторов; а также от того, к какой культуре принадлежит данный человек (способности осознания имени цвета); и от других, ситуативных, психологических моментов.
Готовый результат
Есть интересный ход, нарушающий негласный закон: не более 3-х цветов в одной комнате. Основные пропорции несколько ужимаются, чтобы позволить четвёртому цвету попробовать свои силы, сделать интерьер не банальным, но гармоничным. Варианты: яркий небольшой предмет неучтённого цвета, добавление бежевого к белому при отделке поверхностей. Дозированность 4-го цвета в получившемся квартете: 1-2 небольших предмета.
Иногда за основу берут ассоциации: помогают готовые палитры. Стоит довериться интуиции, ориентироваться на приятное впечатление, выбирая понравившееся сочетание. Состоят обычно из цветовой гаммы пяти тонов, имеющих разную насыщенность.
Самые бледные выбираются для больших объектов интерьера; тёмные, насыщенные – микро-акценты. Например, бежево-оранжевая с коричневым и фиолетовым. Есть спокойные палитры, с природными оттенками зелёно-голубым на бежево-коричневом фоне.
Индивидуальный подход
Предлагается нестандартный ход: подбирать цветовую гамму интерьера, исходя из своей внешности. Довольно экстравагантный способ нравиться:
- свободным молодым владельцам и владелицам;
- парам, начинающим совместную жизнь, молодожёнам;
- всем, кто не планирует ничего менять;
- кто рассматривает свою внешность исходя из теории цветотипов.
Такой кардинальный подход не отменяет знаний о сочетаемости цветов, если выполняется самостоятельно, особенно трудно подобрать сразу для 2-х владельцев. Поэтому выбор нейтрального фона и пары красочных, любимых цветов будет достаточно.
Если вкусы владельцев не приходят к общему знаменателю, то рекомендуют способ уступки. Выбрав компромиссную расцветку для спальни вместо любимой – рискуете получить комнату, не нравящуюся никому. Если вместо комбинации голубого и зелёного взять бирюзовый — получится средний результат вместо лучшего, без шансов наслаждаться желаемым цветом.
Цвета CSS
Язык Cascading Style Sheets определяет все цвета HTML4 и X11, а также такие:
Color | Name | (RGB) | Red(RGB) | Green(RGB) | Blue(RGB) | (HSL/HSV) | (HSL) | (HSL) | (HSV) | (HSV) | Alias |
---|---|---|---|---|---|---|---|---|---|---|---|
orange | #FFA500 | 100% | 65% | 0% | 39° | 100% | 50% | 100% | 100% |
Color | Name | (RGB) | Red(RGB) | Green(RGB) | Blue(RGB) | (HSL/HSV) | (HSL) | (HSL) | (HSV) | (HSV) | Alias |
---|---|---|---|---|---|---|---|---|---|---|---|
RebeccaPurple | #663399 | 40% | 20% | 60% | 270° | 50% | 40% | 67% | 60% |
Цвет назван в честь Ребекки, дочери Эрика Мейера, пропагандиста и одного из разработчиков CSS. Она умерла от опухоли мозга в возрасте 6 лет.
CSS 2, SVG и CSS 2.1 также позволяют использование системных цветов — имён цветов, значения которых определяются операционной системой, например, использование системного цвета для подсвеченного текста или фона для управляющих элементов. Это позволяет web-разработчикам адаптировать контент страницы к стилю операционной системы пользователя. В модуле работы с цветом использование системных цветов объявлено нежелательным и заменено на CSS3 UI System Appearance property, который впоследствии был удален из CSS3.
Спецификация CSS3 также вводит цветовую модель HSL:
/* имя цвета */ p { color red } /* Базовый список цветов */ p { color blanchedalmond } /* Расширенный список цветов (X11) */ /* модель RGB */ p { color #F00}/* #rgb */ p { color #FF0000 } /* #rrggbb */ p { color rgb(255,,)} /* целое в диапазоне 0 — 255 */ p { color rgb(100%,%, %) } /* число с плавающей точкой 0.0% — 100.0% */ /* модель RGB с альфа-каналом, введена в CSS3 */ p { color rgba(255, , , 0.5) } /* 0.5 прозрачность, полупрозрачность */ /* модель HSL, введена в CSS3 */ p { color hsl(, 100%, 50%) } /* красный (red) */ p { color hsl(120, 100%, 50%) } /* зелёный (green) */ p { color hsl(120, 100%, 25%) } /* тёмно-зелёный (dark green) */ p { color hsl(120, 100%, 75%) } /* светло-зелёный (light green) */ p { color hsl(120, 50%, 50%) } /* пастельный зелёный (pastel green) */ /* модель HSL с альфа-каналом */ p { color hsla(120, 100%, 50%, 1) } /* зелёный (green) */ p { color hsla(120, 100%, 50%, 0.5) } /* полупрозрачный зелёный */ p { color hsla(120, 100%, 50%, 0.1) } /* очень прозрачный зелёный */
Удачные комбинации цветов для спальни
Цветовая гамма спальни подбирается в зависимости от пола, возраста обитателя данного помещения, функционального назначения пространства. В комнате женщины основным делается розовый или персиковый, в мужской – светло-синий, серый, семейной паре подойдут красные, белые тона – символ нежности, страсти.
Часто используемые варианты:
- изумрудно-зеленый с бирюзой;
- кварцево-серый с индиго;
- красновато-коричневый с голубым;
- песочно-бежевый с синим;
- бледно-зеленый с карминно-розовым;
- ежевично-сиреневый с горчично-желтым;
- апельсиновый с черно-коричневым;
- нежно-коралловый с бежевым;
- лимонно-желтый с серебристо-серым.
Для детской спальни практически не применяются темные оттенки, из-за способности снижать познавательные, мыслительные способности, вызывать вялость. Желательно, чтобы ребенка окружало много различных оттенков.
Имена цветов в HTML
В спецификации HTML 4.01 определены следующие 16 ключевых цветов (в данном контексте можно использовать как заглавные, так и строчные буквы):
Цвет | Код | Цвет | Код | Цвет | Код | Цвет | Код |
---|---|---|---|---|---|---|---|
aqua (морская волна, cyan) | #00ffff | black (чёрный) | #000000 | blue (синий) | #0000ff | fuchsia (фуксия, magenta) | #ff00ff |
gray (серый) | #808080 | green (зелёный) | #008000 | lime (лайм, lightgreen) | #00ff00 | maroon (тёмно-бордовый) | #800000 |
navy (тёмно-синий) | #000080 | olive (оливковый) | #808000 | purple (пурпурный) | #800080 | red (красный) | #ff0000 |
silver (серебряный) | #c0c0c0 | teal (сине-зелёный) | #008080 | white (белый) | #ffffff | yellow (жёлтый) | #ffff00 |
В спецификации используются английские названия цветов.
С этим читают
- Урок 9кодирование графической информации, звуковой и видеоинформации§16. кодирование графических изображений. §17. кодирование звуковой и видеоинформации
- Цвет
- Advanced & beautiful html5 / javascript color picker
- Прозрачный текст на css
- Таблица сочетания холодных и теплых цветов в интерьере
- Индексированный цвет
- The role of color in product design: ux of color palettes
- Цвета в css
- Графические объекты, скриншоты и видео
- Color или colour как правильно