Таблица основных цветов – Таблица цветов (RGB и HEX код)

Содержание

Таблица 16 основных цветов » Разное для Белторг

0
В web-дизайне существует несколько способов представления цвета

HEX – шестнадцатеричная система представления цвета по основанию 16. Для данной системы используются арабские десятичные цифры от 0 до 9 и латинские буквы от A до F для дополнения цифрового количества до 16. Для web-дизайна взяты 16 основных (ключевых) цветов, так называемый шестнадцатеричный код цвета #RRGGBB, где каждая пара отвечает за свою долю цвета: RR – красный, GG – зеленый и BB – синий. Каждая доля цвета находится в диапазоне от 00 до FF.

Два других представления цвета в web-дизайне это: в виде RGB(*,*,*), где каждая «*» доля цвета представлена десятичными цифрами от 0 до 255 и по наименованиям цвета на английском языке.

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

     Таблица 16 основных цветов, которые используются во всех браузерах

Название Цвет Hex (RGB)
  Aqua (морская волна)     #00FFFF (000,255,255)
  Black (черный)     #000000 (000,000,000)
  Blue (голубой)  
  #0000FF		 (000,000,255)
  Fuchsia (фуксин)     #FF00FF (255,000,255)
  Gray (серый)     #808080 (128,128,128)
  Green (зеленый)     #008000 (000,128,000)
  Lime (ярко-зеленый)     #00FF00 (000,255,000)
  Maroon (темно-бордовый)     #800000 (128,000,000)
  Navy (темно-синий)     #000080 (000,000,128)
  Olive (оливковый)     #808000 (128,128,000)
  Purple (фиолетовый)     #800080 (128,000,128)
  Red (красный)     #FF0000 (255,000,000)
  Silver (серебряный)     #C0C0C0 (192,192,192)
  Teal (серо-зеленый)     #008080 (000,128,128)
  White (белый)     #FFFFFF (255,255,255)
  Yellow (желтый)     #FFFF00 (255,255,000)

     Таблица пурпурного цвета и его оттенков

Название Цвет Hex (RGB)
  Magenta (пурпурный)     #FFCBDB (255,203,219)
  Magenta (пурпурный)     #FF0099 (255,000,153)
  Magenta (маджента)     #F95A61 (249,090,097)
  Fuchsia (фуксия)     #FF00FF (255,000,255)
  Мовеин (анилиновый пурпур)     #EF0097 (239,000,151)
  Salmon pink (оранжево розовый)     #FF91A4 (255,145,164)
  Cenise (оттенок пурпурного)     #DE3163 (153,149,140)
  Aubergine Eggplant (баклажановый)     #990066 (153,000,132)
  Lavender blush (розовато-лавандовый)     #FFF0F5 (255,240,245)
  Lilac (сиреневый)  
  #C8A2C8		 (200,162,200)
  Magenta (маджента)     #FF008F (255,000,143)
  Orchid (орхидея)     #DA70D6 (218,112,214)
  Red-violet (фиолетово-красный)     #C71585 (199,021,133)
  Sanguine (сангиновый)     #92000A (146,000,010)
  Thistle (оттенок пурпурного)     #D8BFD8 (185,211,238)
  Violet-eggplant (оттенок пурпурного)		     #991199 (153,017,153)
  Rosa vivo (насыщено розовый)     #FF007F (255,000,127)
  Lavender-rose (оттенок пурпурного)     #FBA0E3 (108,123,139)
  Mountbatten pink (розовый Маунбаттена)     #997ABD (153,122,141)

     Таблица серого цвета и его оттенков

Название Цвет
Hex		 (RGB)
  Gray (Серый)     #808080 (128,128,128)
  Gray (Серый)     #bebebe (190,190,190)
   (Серый-оттенок)     #858585 (133,133,133)
  Gray33 (Серый-33)     #545454 (084,084,084)
   (Серого шифера)     #708090 (112,128,144)
   (Кварцевый)     #99958с (153,149,140)
   (Светло-серый)     #bbbbbb (187,187,187)
   (Серебристый)     #c0c0c0 (192,192,192)
   (Серо-белый)     #f0f0f0 (240,240,240)
   (Бороды Абдель-Керима)     #e0e0e0 (224,224,224)
  LightGray (Серый светлый)     #d3d3d3 (211,211,211)
  LightStateGray ()     #778899 (119,136,153)
  StateGray-1 (Бледно-васильковый1)     #c6e2ff (198,226,255)
  StateGray-2 (Бледно-васильковый2)     #b9d3ee (185,211,238)
  StateGray3 ()     #9fb6cd (159,182,205)
  StateGray4 ()     #6c7b8b (108,123,139)

Серый цвет (от чёрного до белого)

#000000 #010101 #020202 #030303 #040404 #050505 #060606 #070707
#080808 #090909 #0a0a0a #0b0b0b #0c0c0c #0d0d0d #0e0e0e #0f0f0f
#101010 #111111 #121212 #131313 #141414 #151515 #161616 #171717
#181818 #191919 #1a1a1a #1b1b1b #1c1c1c #1d1d1d #1e1e1e #1f1f1f
#202020 #212121 #222222 #232323 #242424 #252525 #262626 #272727
#282828 #292929 #2a2a2a #2b2b2b #2c2c2c #2d2d2d #2e2e2e #2f2f2f
#303030 #313131 #323232 #333333 #343434 #353535 #363636 #373737
#383838 #393939 #3a3a3a #3b3b3b #3c3c3c #3d3d3d #3e3e3e #3f3f3f
#404040 #414141 #424242 #434343 #444444 #454545 #464646 #474747
#484848 #494949 #4a4a4a #4b4b4b #4c4c4c #4d4d4d #4e4e4e #4f4f4f
#505050 #515151 #525252 #535353 #545454 #555555 #565656 #575757
#585858 #595959 #5a5a5a #5b5b5b #5c5c5c #5d5d5d #5e5e5e #5f5f5f
#606060 #616161 #626262 #636363 #646464 #656565 #666666 #676767
#686868 #696969 #6a6a6a #6b6b6b #6c6c6c #6d6d6d #6e6e6e #6f6f6f
#707070 #717171 #727272 #737373 #747474 #757575 #767676 #777777
#787878 #797979 #7a7a7a #7b7b7b #7c7c7c #7d7d7d #7e7e7e #7f7f7f
#808080 #818181 #828282 #838383 #848484 #858585 #868686 #878787
#888888 #898989 #8a8a8a #8b8b8b #8c8c8c #8d8d8d #8e8e8e #8f8f8f
#909090 #919191 #929292 #939393 #949494 #959595 #969696 #979797
#989898 #999999 #9a9a9a #9b9b9b #9c9c9c #9d9d9d #9e9e9e #9f9f9f
#a0a0a0 #a1a1a1 #a2a2a2 #a3a3a3 #a4a4a4 #a5a5a5 #a6a6a6 #a7a7a7
#a8a8a8 #a9a9a9 #aaaaaa #ababab #acacac #adadad #aeaeae #afafaf
#b0b0b0 #b1b1b1 #b2b2b2 #b3b3b3 #b4b4b4 #b5b5b5 #b6b6b6 #b7b7b7
#b8b8b8 #b9b9b9 #bababa #bbbbbb #bcbcbc #bdbdbd #bebebe #bfbfbf
#c0c0c0 #c1c1c1 #c2c2c2 #c3c3c3 #c4c4c4 #c5c5c5 #c6c6c6 #c7c7c7
#c8c8c8 #c9c9c9 #cacaca #cbcbcb #cccccc #cdcdcd #cecece #cfcfcf
#d0d0d0 #d1d1d1 #d2d2d2 #d3d3d3 #d4d4d4 #d5d5d5 #d6d6d6 #d7d7d7
#d8d8d8 #d9d9d9 #dadada #dbdbdb #dcdcdc #dddddd #dedede #dfdfdf
#e0e0e0 #e1e1e1 #e2e2e2 #e3e3e3 #e4e4e4 #e5e5e5 #e6e6e6 #e7e7e7
#e8e8e8 #e9e9e9 #eaeaea #ebebeb #ececec #ededed #eeeeee #efefef
#f0f0f0 #f1f1f1 #f2f2f2 #f3f3f3 #f4f4f4 #f5f5f5 #f6f6f6 #f7f7f7
#f8f8f8 #f9f9f9 #fafafa #fbfbfb #fcfcfc #fdfdfd #fefefe #ffffff

555vip.ru

Таблица основных цветов CSS

Цвета, выводимые на экране монитора, меняются в зависимости от интенсивности свечения рабочих точек поверхности дисплея, каждая из которых, делает возможным отображение трёх основных каналов: red-красный, green-зеленый и blue-синий.

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

Такой метод передачи цвета называется RGB-способ.

Один канал позволяет передать от 0 до 256 оттенков.

Цвета задаются в шестнадцатеричном коде следующими цифрами:

0 1 2 3 4 5 6 7 8 9 A B C D E F

Цифры с 10 до 15 заменены на латинские буквы.

Цвета, используемые для разработки интернет ресурса, рекомендовано подбирать по специальной цветовой схеме.


HTML

<div>
  white
</div>
  
<div>
  blue
</div>

<div>
  red
</div>



CSS

.box{
    width: 250px;
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
    margin: 0px auto;
    padding: 3px 20px;
    text-align: center;
}
.red{
    color: #fff;
    background-color: #d52b1e;
}
.blue{
    color: #fff;
    background-color: #0039a6;
}
.white{
    color: #818181;
    background-color: #fff;
}

code-pattern.ru

Цвета HTML



Цвета html обозначаются шестью символами после символа слеш — например, #000000. Эти шесть символов обозначают доли различных цветов (Красного, Зеленого и Синего цветов (Red, Green, Blue)) в итоговом цвете. В мониторе вашего комьютера изображение формируется из огромного количества точек, называемых пикселями. Каждый пиксел — это маленький источник света, назовём его «фонарик», который в свою очередь состоит из трех фонариков — красного, зеленого и синего цвета. Уменьшая или увеличивая интенсивность свечения отдельных цветных фонариков, мы получаем нужный цвет.

Коды цветов html

Цвета в HTML обозначаются шестнадцатиричным (HEX) обозначением сочетания красного, синего и зеленого цвета (RGB).

Наименьшим значением цвета является 0 (шестнадцатиричное 00). Наибольшим значением цвета является 255 (шестнадцатиричное FF).

Шестнадцатиричное значение цвета представляет из себя три цифры, начинающиеся со знака #.

Коды (значения) цветов

Цвет Код HEX Код RGB
  #000000 rgb(0,0,0)
  #FF0000 rgb(255,0,0)
  #00FF00 rgb(0,255,0)
  #0000FF rgb(0,0,255)
  #FFFF00 rgb(255,255,0)
  #00FFFF rgb(0,255,255)
  #FF00FF rgb(255,0,255)
  #C0C0C0 rgb(192,192,192)
  #FFFFFF rgb(255,255,255)

16 миллионов оттенков

Сочетание красного, синего и зеленого цветов со значениями с долей каждого цвета от 0 до 255 дают в сумме более 16 миллионов оттенков (256 x 256 x 256).

Большинство современных мониторов способны отобразить не меньше 16384 различных оттенков (ЖК-мониторы, в основном, способны отображать 262 тысячи 16 миллионов (обновлено в октябре 2013 г.) цветов, а ЭЛТ-мониторы способны отображать практически неограниченное количество цветов).

В цветовой таблице ниже приведено изменение доли красного цвета с 0 до 255 при нулевых значениях синего и зеленого цветов:

Красный Код HEX Код RGB
  #000000  rgb(0,0,0) 
  #080000  rgb(8,0,0) 
  #100000  rgb(16,0,0) 
  #180000  rgb(24,0,0) 
  #200000  rgb(32,0,0) 
  #280000  rgb(40,0,0) 
  #300000  rgb(48,0,0) 
  #380000  rgb(56,0,0) 
  #400000  rgb(64,0,0) 
  #480000  rgb(72,0,0) 
  #500000  rgb(80,0,0) 
  #580000  rgb(88,0,0) 
  #600000  rgb(96,0,0) 
  #680000  rgb(104,0,0) 
  #700000  rgb(112,0,0) 
  #780000  rgb(120,0,0) 
  #800000  rgb(128,0,0) 
  #880000  rgb(136,0,0) 
  #900000  rgb(144,0,0) 
  #980000  rgb(152,0,0) 
  #A00000  rgb(160,0,0) 
  #A80000  rgb(168,0,0) 
  #B00000  rgb(176,0,0) 
  #B80000  rgb(184,0,0) 
  #C00000  rgb(192,0,0) 
  #C80000  rgb(200,0,0) 
  #D00000  rgb(208,0,0) 
  #D80000  rgb(216,0,0) 
  #E00000  rgb(224,0,0) 
  #E80000  rgb(232,0,0) 
  #F00000  rgb(240,0,0) 
  #F80000  rgb(248,0,0) 
  #FF0000  rgb(255,0,0) 

Оттенки серого

Для получение оттенков серого цвета используются равные доли всех цветов. Для облегчения выбора нужного цвета мы приводим вам коды оттенков серого цвета

Оттенки серого Код HEX Код RGB
  #000000  rgb(0,0,0) 
  #080808  rgb(8,8,8) 
  #101010  rgb(16,16,16) 
  #181818  rgb(24,24,24) 
  #202020  rgb(32,32,32) 
  #282828  rgb(40,40,40) 
  #303030  rgb(48,48,48) 
  #383838  rgb(56,56,56) 
  #404040  rgb(64,64,64) 
  #484848  rgb(72,72,72) 
  #505050  rgb(80,80,80) 
  #585858  rgb(88,88,88) 
  #606060  rgb(96,96,96) 
  #686868  rgb(104,104,104) 
  #707070  rgb(112,112,112) 
  #787878  rgb(120,120,120) 
  #808080  rgb(128,128,128) 
  #888888  rgb(136,136,136) 
  #909090  rgb(144,144,144) 
  #989898  rgb(152,152,152) 
  #A0A0A0  rgb(160,160,160) 
  #A8A8A8  rgb(168,168,168) 
  #B0B0B0  rgb(176,176,176) 
  #B8B8B8  rgb(184,184,184) 
  #C0C0C0  rgb(192,192,192) 
  #C8C8C8  rgb(200,200,200) 
  #D0D0D0  rgb(208,208,208) 
  #D8D8D8  rgb(216,216,216) 
  #E0E0E0  rgb(224,224,224) 
  #E8E8E8  rgb(232,232,232) 
  #F0F0F0  rgb(240,240,240) 
  #F8F8F8  rgb(248,248,248) 
  #FFFFFF  rgb(255,255,255) 

Кросс-браузерные (для всех браузеров) названия цветов html

Коллекция из 150 названий цветов в html, поддерживаемых во всех браузерах.

Посмотреть коллекцию.

Стандартизированные названия цветов

Консорциум W3C перечисляет 16 валидных названий цветов для HTML и CSS: aqua (аквамарин), black (черный), blue (синий), fuchsia (фуксиновый), gray (серый), green (зеленый), lime (лайм или салатовый), maroon (каштановый), navy (ультрамарин), olive (оливковый), purple (пурпурный), red (красный), silver (серебристый), teal (сизый), white (белый) и yellow (желтый).

При использовании цветов, не входящих в этот список, правильнее будет использовать их шестнадцатиричный код (HEX) или код RGB.

Безопасные цвета

Несколько лет назад, когда компьютеры могли поддерживать максимум 256 различных цветов, был предложен список из 216 «Безопасных web-цветов» с 40 цветами, зарезервированными для системы.

Эта 216-цветная палитра была создана для того, чтобы правильно отобразить цвета в режиме 256-цветной палитры.

Теперь это не важно, потому что большинство компьютеров во всем мире поддерживают миллионы оттенков цвета. В любом случае вот список этих цветов:

000000 000033 000066 000099 0000CC 0000FF
003300 003333 003366 003399 0033CC 0033FF
006600 006633 006666 006699 0066CC 0066FF
009900 009933 009966 009999 0099CC 0099FF
00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
330000 330033 330066 330099 3300CC 3300FF
333300 333333 333366 333399 3333CC 3333FF
336600 336633 336666 336699 3366CC 3366FF
339900 339933 339966 339999 3399CC 3399FF
33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
660000 660033 660066 660099 6600CC 6600FF
663300 663333 663366 663399 6633CC 6633FF
666600 666633 666666 666699 6666CC 6666FF
669900 669933 669966 669999 6699CC 6699FF
66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
990000 990033 990066 990099 9900CC 9900FF
993300 993333 993366 993399 9933CC 9933FF
996600 996633 996666 996699 9966CC 9966FF
999900 999933 999966 999999 9999CC 9999FF
99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

Интересное:

Изменение цвета фона страницы в css
Вставка изображения в html 

Понравилась запись? Сказать «Спасибо» очень просто, поделитесь записью в социальных сетях!

weblabla.ru

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





 Адрес этой страницы (вложенность) в справочнике dpva.ru:  главная страница  / / Техническая информация / / Физический справочник / / Свет и цвет. Оптика. / / Обозначения, названия и кодировки цвета (цветов). Цвета HTML и CSS. Таблица смешивания цветов.  / / Таблица смешивания цветов / смешивания красок / синтеза оттенков позволяет узнать, как при смешивании двух и более цветов и оттенков получить нужный. Таблица составления цвета.

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

Такая таблица экономит кучу нервов и помогает разукрасить мир, имея в наличии ограниченное число красок.

Пример Требующийся цвет Основной цвет + Инструкция по смешиванию
 
 		 Бирюзово-Синий Синий + добавить немного Зеленого
 
 		 Бирюзовый Синий + Зелёный
 
 		 Бело-Синий Белый + добавить Синий
 
 		 Веджвуд-Синий Белый + добавить Синий и каплю Черного
 
 		 Королевский Синий Синий + добавить Черный и каплю Зеленого
 
 		 Тёмно-Синий Синий + добавить Черный и каплю Зеленого
 
 		 Фиолетовый Красный + Синий
 
 		 Серый Белый + Добавить немного Черного
 
 		 Серый Белый + Черный
 
 		 Серый холодный Серый + Синий или Зелёный
 
 		 Перламутрово-Серый Белый + Добавить Черный, немного Синего

dpva.ru

Цвет для чайников. Обширное руководство для начинающих.

Эта статья основана на книге “Искусство цвета” Иоханнеса Иттена и еще бесчисленном количестве различных статей о теории цвета. Тут я попытался сделать “обезжиренную” версию этих знаний, для более легкого понимания материала. Статья подойдет не только дизайнерам, но и всем людям, которые хотят научится понимать и работать с цветом. В статье вы узнаете о физических свойствах цвета, почему мы воспринимаем его таким, что он может значить и как составлять гармоничные схемы.

Дисперсия света

Исаак Ньютон один из первых кто смог разложить белый солнечный свет на цветовой спектр — позднее это назвали “Дисперсией света”.

Опыт заключался в следующем: он пропускал солнечный свет через призму. В ней луч света расслаивался на цвета и выводился на экран.

Обложка альбома группы Pink Floyd “Dark Side of the Moon», отображающая дисперсию света.

Цвета которые выводились называются спектральными или проще — чистые цвета. Это красный, оранжевый, желтый, зеленый, синий и фиолетовый.

Интересный факт, оказывается, количество цветов в радуге, зависит от страны проживания. Жители Китая считают, что в радуге пять цветов. Для жителей США типичным ответом будет шесть цветов, в то время как жители России насчитывают их семь (+голубой). На самом деле в радуге собран весь спектр, но мы можем увидеть только некоторые из них.

Если все эти цвета пропустить обратно через собирательную призму, то мы опять получим белый цвет.

Дополнительные цвета

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

(красный + оранжевый + желтый) + (зеленый + синий + фиолетовый) = белый

Даже если мы смешаем только отдельные противоположные цвета красный + зеленый, оранжевый + синий, желтый + фиолетовый то в результате получим белый.

Два цвета, объединение которых даёт нам белый цвет, называются дополнительными цветами.

Пример: Если мы удалим из спектра один цвет, к примеру красный и с помощью линзы соберем оставшееся цвета: оранжевый + жёлтый + зеленый + синий + фиолетовый, то результатом у нас будет зеленый цвет. Потому что зеленый является дополнительным цветом по отношению к удалённому нами красному. Почему именно такие соотношения “зеленый — красный” расписано ниже.

Вычитаемые цвета

Если перед лучом света поставить фильтр который пропускает только синий цвет, а за ним фильтр пропускающий только красный цвет, то оба фильтра вместе не пропустят свет и дадут чёрный цвет или темноту. Потому что синий фильтр пропускает только синий цвет, а красный фильтр в свою очередь поглощает все, кроме красного (который уже был поглощен синим фильтром).

Поглощаемые в физическом эксперименте цвета называются также вычитаемыми.

Параметры цвета

  1. Тон / Hue — это то, что мы имеем в виду, говоря «цвет». Синий, красный, зеленый, оранжевый, фиолетовый и тд.
  2. Насыщенность / Saturation — параметр цвета, характеризующий степень чистоты цветового тона.
  3. Яркость / Brightness — обозначает степень отличия цвета от белого или черного.

Что такое RGB, CMYK, HEX и чем они отличаются

RGB (Red, Green, Blue) — аддитивная (сложение) цветовая модель. Основные цвета которой красный, зеленый и синий. Это значит, что при сложении всех цветов у нас получится белый. Такая модель используется во всех электронных устройствах. Записывается в виде: rgb(0,0,0), каждый из цветов может варьироваться от 0 до 255 включительно, где (0,0,0) — черный цвет, (255,255,255) — белый. Дополнительно может добавляться четвертый параметр — аlpha канал, который означает насколько прозрачен цвет. Alpha канал может принимать значения от 0 до 1, к примеру rgba(31,104,2, 0.8).

HEX — это RGB в шестнадцатеричной системе. Выглядит таким образом #102945, первые две цифры отвечают за красный цвет, вторые за зеленый и третьи за синий. Каждый символ может принимать значения: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. Где #000000 — черный цвет, а #ffffff — белый.

CMYK (Cyan, Magenta, Yellow, Key color) — субтрактивная (вычитание) схема формирования цвета. Состоит из голубого, пурпурного, жёлтого и ключевого — черного цвета. Эта модель используется в полиграфии при цветной печати. Бумага, как и все материалы, отражает свет, поэтому считают, какое количество света отразилось от поверхности. Несмотря на то, что чёрный цвет можно получать смешением в равной пропорции пурпурного, голубого и жёлтого красителей, по ряду причин (чистота цвета, переувлажнение бумаги, стоимость и др.) такой подход неудовлетворителен, поэтому используют отдельно черный цвет.

Почему мы видим цвета такими?

Световые волны сами по себе не имеют цвета. Цвет возникает лишь при восприятии этих волн человеческим глазом и мозгом.

Цвет предметов возникает, главным образом, в процессе поглощения волн. Желтый сыр выглядит желтым потому, что он поглощает все остальные цвета светового луча и отражает только желтый. Когда мы говорим: «этот сыр желтый», то мы на самом деле имеем в виду, что молекулярный состав поверхности сыра таков, что он поглощает все световые лучи, кроме желтого. Сыр сам по себе не имеет никакого цвета, цвет создаётся при его освещении.

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

Сам цвет не выражает нечего. Его содержание определяется контекстом. Значение цвета может быть определено только с помощью его отношения к другому цвету. Если изобразить светлую фигуру на белом фоне, и эту же фигуру на черном, то на белом фоне она кажется темнее, производя впечатление лёгкого нежного тепла. На чёрном же становится чрезвычайно светлым и приобретает холодный, агрессивный характер.

Согласно данным одного из исследований, персональные предпочтения, опыт, воспитание, культурные различия и контекст зачастую искажают эффект, который оказывают на нас отдельные цвета.

Пользователи не понимают нашего цветокодирования. Желтый значит «веселый» для вас, но для для других это может значить «не здоровый» или «блевотный». Каждый человек воспринимает цвета очень субъективно и зависит это только от его контекста. Он любит одни цвета, и ненавидит другие. И это в значительной степени непредсказуемо. Вы не сможете угадать.

Цвет не является вербальным или рациональным. Он контекстен и эмоционален. Цвет — сильный инструмент, но сам по себе он не имеет смысла.

Отличная статья про желтый цвет в кино, если вам хочется больше узнать на реальных примерах, о том как именно контекст влияет на значение цвета.

Когда люди говорят о цветовой гармонии они полагаются исключительно на субъективные чувства, в то время как понятие цветовой гармонии является объективной закономерностью. Гармония — это равновесие, симметрия сил. Наши глаза требуют и поражают комплиментарные цвета (противоположные, дополнительные) создавая этим равновесие. Нейтральным цветом считается серый, наш глаз не создает с ним ни какого дополнительного цвета.

Для того что бы создавать гармоничные сочетания, были разработаны различные системы порядка цветов. Это цветовой круг и треугольники для цветов (изображение ниже). Противоположные цвета в этом круге являются дополнительными.

designpub.ru

Таблица названий цветов HTML и CSS, воспринимаемых браузерами

Таблица названий цветов, воспринимаемых браузерами

RGBHEXЦВЕТНазвание
240 248 255#F0F8FF aliceblue
250 235 215#FAEBD7 antiquewhite
0 255 255#00FFFF aqua
127 255 212#7FFFD4 aquamarine
240 255 255#F0FFFF azure
245 245 220#F5F5DC beige
255 228 196#FFE4C4 bisque
0 0 0#000000 black
255 235 205#FFEBCD blanchedalmond
0 0 255#0000FF blue
138 43 226#8A2BE2 blueviolet
165 42 42#A52A2A brown
222 184 135#DEB887 burlywood
95 158 160#5F9EA0 cadetblue
127 255 0#7FFF00 chartreuse
210 105 30#D2691E chocolate
255 127 80#FF7F50 coral
100 149 237#6495ED cornflowerblue
255 248 220#FFF8DC cornsilk
220 20 60#DC143C crimson
0 255 255#00FFFF cyan
0 0 139#00008B darkblue
0 139 139#008B8B darkcyan
184 134 11#B8860B darkgoldenrod
169 169 169#A9A9A9 darkgray
0 100 0#006400 darkgreen
189 183 107#BDB76B darkkhaki
139 0 139#8B008B darkmagenta
85 107 47#556B2F darkolivegreen
255 140 0#FF8C00 darkorange
153 50 204#9932CC darkorchid
139 0 0#8B0000 darkred
233 150 122#E9967A darksalmon
143 188 143#8FBC8F darkseagreen
72 61 139#483D8B darkslateblue
47 79 79#2F4F4F darkslategray
0 206 209#00CED1 darkturquoise
148 0 211#9400D3 darkviolet
255 20 147#FF1493 deeppink
0 191 255#00BFFF deepskyblue
105 105 105#696969 dimgray
30 144 255#1E90FF dodgerblue
178 34 34#B22222 firebrick
255 250 240#FFFAF0 floralwhite
34 139 34#228B22 forestgreen
255 0 255#FF00FF fuchsia
220 220 220#DCDCDC gainsboro
248 248 255#F8F8FF ghostwhite
255 215 0#FFD700 gold
218 165 32#DAA520 goldenrod
128 128 128#808080 gray
0 128 0#008000 green
173 255 47#ADFF2F greenyellow
240 255 240#F0FFF0 honeydew
255 105 180#FF69B4 hotpink
205 92 92#CD5C5C indianred
75 0 130#4B0082 indigo
255 255 240#FFFFF0 ivory
240 230 140#F0E68C khaki
230 230 250#E6E6FA lavender
255 240 245#FFF0F5 lavenderblush
124 252 0#7CFC00 lawngreen
255 250 205#FFFACD lemonchiffon
173 216 230#ADD8E6 lightblue
240 128 128#F08080 lightcoral
224 255 255#E0FFFF lightcyan
250 250 210#FAFAD2 lightgoldenrodyellow
144 238 144#90EE90 lightgreen
211 211 211#D3D3D3 lightgrey
255 182 193#FFB6C1 lightpink
255 160 122#FFA07A lightsalmon
32 178 170#20B2AA lightseagreen
135 206 250#87CEFA lightskyblue
119 136 153#778899 lightslategray
176 196 222#B0C4DE lightsteelblue
255 255 224#FFFFE0 lightyellow
0 255 0#00FF00 lime
50 205 50#32CD32 limegreen
250 240 230#FAF0E6 linen
255 0 255#FF00FF magenta
128 0 0#800000 maroon
102 205 170#66CDAA mediumaquamarine
0 0 205#0000CD mediumblue
186 85 211#BA55D3 mediumorchid
147 112 219#9370DB mediumpurple
60 179 113#3CB371 mediumseagreen
123 104 238#7B68EE mediumslateblue
0 250 154#00FA9A mediumspringgreen
72 209 204#48D1CC mediumturquoise
199 21 133#C71585 mediumvioletred
25 25 112#191970 midnightblue
245 255 250#F5FFFA mintcream
255 228 225#FFE4E1 mistyrose
255 228 181#FFE4B5 moccasin
255 222 173#FFDEAD navajowhite
0 0 128#000080 navy
253 245 230#FDF5E6 oldlace
128 128 0#808000 olive
107 142 35#6B8E23 olivedrab
255 165 0#FFA500 orange
255 69 0#FF4500 orangered
218 112 214#DA70D6 orchid
238 232 170#EEE8AA palegoldenrod
152 251 152#98FB98 palegreen
175 238 238#AFEEEE paleturquoise
219 112 147#DB7093 palevioletred
255 239 213#FFEFD5 papayawhip
255 218 185#FFDAB9 peachpuff
205 133 63#CD853F peru
255 192 203#FFC0CB pink
221 160 221#DDA0DD plum
176 224 230#B0E0E6 powderblue
128 0 128#800080 purple
255 0 0#FF0000 red
188 143 143#BC8F8F rosybrown
65 105 225#4169E1 royalblue
139 69 19#8B4513 saddlebrown
250 128 114#FA8072 salmon
244 164 96#F4A460 sandybrown
46 139 87#2E8B57 seagreen
255 245 238#FFF5EE seashell
160 82 45#A0522D sienna
192 192 192#C0C0C0 silver
135 206 235#87CEEB skyblue
106 90 205#6A5ACD slateblue
112 128 144#708090 slategray
255 250 250#FFFAFA snow
0 255 127#00FF7F springgreen
70 130 180#4682B4 steelblue
210 180 140#D2B48C tan
0 128 128#008080 teal
216 191 216#D8BFD8 thistle
255 99 71#FF6347 tomato
64 224 208#40E0D0 turquoise
238 130 238#EE82EE violet
245 222 179#F5DEB3 wheat
255 255 255#FFFFFF white
245 245 245#F5F5F5 whitesmoke
255 255 0#FFFF00 yellow
154 205 50#9ACD32 yellowgreen

Пример использования в HTML:

<font color="yellowgreen">Желто-зеленый текст</font>

Пример использования в CSS:

p.se {color: violet} /* определение класса se для элемента p, где цвет текста будет фиолетовым */

www.snkey.net

Играем в художника: таблица смешивания цветов

Таблица смешивания красок позволяет из 3 базовых цветов создать огромную палитру ярких оттенков. Это очень увлекательно! Главное, правильно подбирать краски по таблице смешивания цветов.

Мастерская художника: уроки волшебства

1. Сочетание двух соседних цветов спектра дает оттенки с разной интенсивностью этих красок. Например, желтый и оранжевый при наложении дают желто-оранжевый или оранжево-желтый, в зависимости от того, какой из этих 2-х цветов преобладает. Если же в равных пропорциях смешать 3 расположенных рядом на цветовом круге оттенка, например, желтый, красный и оранжевый, то получится все тот же оранжевый, но более грязный.

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

3. Смешивая в одинаковых пропорциях 2 основных цвета, которые на цветовом круге разделены 1 оттенком, получаем именно тот промежуточный цвет, который их разделяет. Например, красный + синий = фиолетовый.

4. Равное соединение 2 контрастных красок (расположены друг напротив друга на цветовом круге) всегда дает серый с оттенком одного из этих цветов. Например, красный + зеленый, голубой + оранжевый и т.д. Интересно, что если смешать комплиментарные цвета в соотношении 2/1, получится абсолютный серый (без дополнительных оттенков).

5. 3 основных цвета, расположенные рядом, при наложении в равных пропорциях также образуют серый, например, зеленый + желтый + оранжевый.Обратите внимание на поразительную закономерность: гармоничные цветовые сочетания (которые вы можете получить с помощью цветового круга) при смешении входящих в них оттенков дают серый цвет — уравновешивая, поглощают друг друга.

Создаем новые цвета по таблице смешивания красок

Как мы уже знаем, есть всего 3 цвета, которые невозможно получить, смешивая другие. Зато из них можно создать все остальные оттенки. Эти волшебные цвета – красный, желтый и синий. Кстати, смешав их друг с другом в равных пропорциях, можно получить черный. Как создать все остальные оттенки палитры, смотрите по таблице:

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

Исаак Ньютон, пропустив свет через призму, получил разноцветный луч, названный спектром. Для удобства сочетания цветов непрерывную линию спектра со всеми ее переходными тонами превратили в круг. Как известно, в цветовом спектре выделяют три основных оттенка (красный, синий и желтый), при их попарном смешении друг с другом получается еще три вторичных (зеленый, оранжевый и фиолетовый). Именно эти 6 оттенков образуют цветовой круг, и каждый из них имеет дополнительные цвета (сине- и красно-фиолетовый, желто-зеленый, пурпурный, красно- и желто-оранжевый, сине- и желто-зеленый). Ньютон, кстати, выделял 7 цветов, добавляя к спектру еще голубой, который, наравне с шестью основными, считается цветом радуги. Смешивая эти оттенки, делая их в разной степени темнее или светлее, можно получить полную гамму цветов.

Хочется сразу оговориться, что деление спектра условно и зависит от особенностей нашего восприятия. Человек может выделить в цветовом спектре до 1000 тонов. Интересно, что рептилии и птицы не различают синих оттенков, а некоторые рыбы все вокруг видят в красном цвете. Считается, что для кошек окружающий нас красочный мир выглядит более тусклым, зато они различают огромное множество оттенков серого.

Таблица цветового спектра

Цвета спектра называют хроматическими в противоположность ахроматическим (с лат. «без цвета»): белый, черный, серый. Порядок оттенков в спектре всегда неизменен, начинается с красного и заканчивается фиолетовым.

Оттенки на цветовом круге от зелено-голубого до сине-фиолетового считаются холодными, от желто-зеленого до красно-фиолетового — теплыми. Это разделение довольно условно и зависит от того, какие ассоциации вызывают у нас эти цвета: красно-оранжевый огонь, желтое солнце, голубой лед, синяя океаническая бездна. Заметили, что при разделении цветов мы не упомянули о зеленом? И это не случайно. Чистый зеленый цвет (который, к слову, встречается крайне редко) считается нейтральным. Капля желтого делает его теплее, синего – охлаждает.

Цветовой круг крайне важен в работе дизайнера. С его помощью можно не только определить гармоничные цветовые сочетания, создать нужную атмосферу в помещении или привлекательный образ, но и повлиять на восприятие, умело подчеркнув яркость, чистоту, красоту цвета, усилить его интенсивность, добавив комплиментарных оттенков, уравновесить холодные тона теплыми и т.д. Этому волшебству не сложно научиться даже не будучи дизайнером, а применять можно не только в дизайне интерьера или одежды. С помощью цветового круга любой сможет создать гармонию в квартире, грамотно сочетать цвета в одежде, маникюре, макияже и т.д. Например, голубые глаза подчеркнет оранжево-коралловая помада или персиковые тени, а алое платье освежит зелено-бирюзовый шарф.

cvet-krug.ru

РубрикаРазное

Добавить комментарий