Цвета выводятся с помощью смешения источников:
- RED (красного) цвета:
- GREEN (зеленого) цвета:
- BLUE (синего) цвета.
Значения цветов
Цвета в CSS определяют с помощью шестнадцатеричной записи комбинации значений красного, зеленого и синего цветов (RGB). Наименьшее значение, которое можно задать одному из источников равно 0 (hex #00), а максимальное - 255 (hex #FF).
Следующая таблица показывает результат объединения источников красного (R), зеленого (G) и синего (B) источников цвета:
| Цвет |
Цвет (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 названий цветов поддерживается стандартом W3C для CSS (aqua (голубой), black (черный), blue (синий), fuchsia (фуксия), gray (серый), green (зеленый), lime (лайм), maroon (темно-бордовый), navy (темно-синий), olive (оливковый), purple (сиреневый), red (красный), silver (светло-серый), teal (сине-зеленый), white (белый), и yellow (желтый)). Для всех других цветов необходимо использовать значение HEX цвета.
| Цвет |
Цвет (HEX) |
Название цвета |
| |
#FFF8DC |
Cornsilk (кукурузные рыльца) |
| |
#00008B |
DarkBlue (темно-синий) |
| |
#008B8B |
DarkCyan (темно-голубой) |
| |
#FFFFF0 |
Ivory (слоновая кость) |
| |
#FFFFE0 |
LightYellow (светло-желтый) |
| |
#FFA500 |
Orange (оранжевый) |
| |
#4169E1 |
RoyalBlue (ярко-синий) |
Безопасные цвета Web
Несколько лет назад, когда большинство компьютеров поддерживали только 256 различных цветов, был предложен в качестве стандарта Web список из 216 безопасных цветов Web. Причина этого состояла в том, что операционные системы Microsoft и Mac использовали 40 различных "резервных" фиксированных системных цветов (около 20 каждая).
Трудно сказать насколько это важно сегодня, так как все больше и больше компьютеров обладают возможностью выводить миллионы различных цветов, но такой стандарт существует, и его при желании можно придерживаться.
216 межплатформенных цветов
Эта палитра из 216 межплатформенных безопасных для Web цветов была первоначально создана для обеспечения правильного вывода компьютерами всех цветов при использовании палитры из 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 |
16384 различных цветов
Большинство современных мониторов способны выводить как минимум 16384 различных цветов.
Если взглянуть на таблицу цветов, расположенную ниже, то можно увидеть результат изменения интенсивности красного цвета от 0 до 255, при значениях зеленого и синего цветов равных нулю.
| Красный цвет |
HEX |
RGB |
| |
#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) |
Оттенки серого цвета
Серые цвета выводятся при равных значениях интенсивности всех трех источников света. Чтобы облегчить выбор правильного серого цвета ниже представлена таблица оттенков серого цвета:
| Серый цвет |
RGB |
HEX |
| |
RGB(0,0,0) |
#000000 |
| |
RGB(8,8,8) |
#080808 |
| |
RGB(16,16,16) |
#101010 |
| |
RGB(24,24,24) |
#181818 |
| |
RGB(32,32,32) |
#202020 |
| |
RGB(40,40,40) |
#282828 |
| |
RGB(48,48,48) |
#303030 |
| |
RGB(56,56,56) |
#383838 |
| |
RGB(64,64,64) |
#404040 |
| |
RGB(72,72,72) |
#484848 |
| |
RGB(80,80,80) |
#505050 |
| |
RGB(88,88,88) |
#585858 |
| |
RGB(96,96,96) |
#606060 |
| |
RGB(104,104,104) |
#686868 |
| |
RGB(112,112,112) |
#707070 |
| |
RGB(120,120,120) |
#787878 |
| |
RGB(128,128,128) |
#808080 |
| |
RGB(136,136,136) |
#888888 |
| |
RGB(144,144,144) |
#909090 |
| |
RGB(152,152,152) |
#989898 |
| |
RGB(160,160,160) |
#A0A0A0 |
| |
RGB(168,168,168) |
#A8A8A8 |
| |
RGB(176,176,176) |
#B0B0B0 |
| |
RGB(184,184,184) |
#B8B8B8 |
| |
RGB(192,192,192) |
#C0C0C0 |
| |
RGB(200,200,200) |
#C8C8C8 |
| |
RGB(208,208,208) |
#D0D0D0 |
| |
RGB(216,216,216) |
#D8D8D8 |
| |
RGB(224,224,224) |
#E0E0E0 |
| |
RGB(232,232,232) |
#E8E8E8 |
| |
RGB(240,240,240) |
#F0F0F0 |
| |
RGB(248,248,248) |
#F8F8F8 |
| |
RGB(255,255,255) |
#FFFFFF |
Названия цветов в CSS
На этой странице находится таблица названий цветов, которые поддерживаются большинством броузеров.
Примечание: Стандарт CSS консорциума W3C поддерживает только 16 имен цветов (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow). Для всех остальных цветов необходимо использовать HEX (шестнадцатеричное) значение цвета.
| Название цвета |
HEX цвета |
Цвет |
| AliceBlue (бледно-голубой) |
#F0F8FF |
|
| AntiqueWhite (античный белый) |
#FAEBD7 |
|
| Aqua (голубой) |
#00FFFF |
|
| Aquamarine (аквамарин) |
#7FFFD4 |
|
| Azure (лазурный) |
#F0FFFF |
|
| Beige (беж) |
#F5F5DC |
|
| Bisque (бисквитный) |
#FFE4C4 |
|
| Black (черный) |
#000000 |
|
| BlanchedAlmond (светло-кремовый) |
#FFEBCD |
|
| Blue (синий) |
#0000FF |
|
| BlueViolet (сине-фиолетовый) |
#8A2BE2 |
|
| Brown (коричневый) |
#A52A2A |
|
| BurlyWood (старое дерево) |
#DEB887 |
|
| CadetBlue (серо-голубой) |
#5F9EA0 |
|
| Chartreuse (зеленовато-желтый) |
#7FFF00 |
|
| Chocolate (шоколадный) |
#D2691E |
|
| Coral (коралловый) |
#FF7F50 |
|
| CornflowerBlue (васильковый) |
#6495ED |
|
| Cornsilk (кукурузные рыльца) |
#FFF8DC |
|
| Crimson (малиновый) |
#DC143C |
|
| Cyan (светло-голубой) |
#00FFFF |
|
| DarkBlue (темно-синий) |
#00008B |
|
| DarkCyan (темно-голубой) |
#008B8B |
|
| DarkGoldenRod (темно-золотисто-коричневый) |
#B8860B |
|
| DarkGray (темно-серый) |
#A9A9A9 |
|
| DarkGreen (темно-зеленый) |
#006400 |
|
| DarkKhaki (темный хаки) |
#BDB76B |
|
| DarkMagenta (темно-пурпурный) |
#8B008B |
|
| DarkOliveGreen (темно-оливково-зеленый) |
#556B2F |
|
| Darkorange (темно-оранжевый) |
#FF8C00 |
|
| DarkOrchid (темно-лиловый) |
#9932CC |
|
| DarkRed (темно-красный) |
#8B0000 |
|
| DarkSalmon (темно-оранжево-розовый) |
#E9967A |
|
| DarkSeaGreen (темно-зеленое море) |
#8FBC8F |
|
| DarkSlateBlue (темный серовато-синий) |
#483D8B |
|
| DarkSlateGray (темный синевато-серый) |
#2F4F4F |
|
| DarkTurquoise (темно-бирюзовый) |
#00CED1 |
|
| DarkViolet (темно-фиолетовый) |
#9400D3 |
|
| DeepPink (темно-розовый) |
#FF1493 |
|
| DeepSkyBlue (темно-небесно-голубой) |
#00BFFF |
|
| DimGray (тускло-серый) |
#696969 |
|
| DodgerBlue (тускло-васильковый) |
#1E90FF |
|
| Feldspar (полевой шпат) |
#D19275 |
|
| FireBrick (огнеупорный кирпич) |
#B22222 |
|
| FloralWhite (цветочно-белый) |
#FFFAF0 |
|
| ForestGreen (лесная зелень) |
#228B22 |
|
| Fuchsia (фуксия) |
#FF00FF |
|
| Gainsboro (светло-серый) |
#DCDCDC |
|
| GhostWhite (туманно-белый) |
#F8F8FF |
|
| Gold (золотой) |
#FFD700 |
|
| GoldenRod (золотисто-коричневый) |
#DAA520 |
|
| Gray (серый) |
#808080 |
|
| Green (зеленый) |
#008000 |
|
| GreenYellow (зелено-желтый) |
#ADFF2F |
|
| HoneyDew (медовая роса) |
#F0FFF0 |
|
| HotPink (ярко-розовый) |
#FF69B4 |
|
| IndianRed (индийский-красный) |
#CD5C5C |
|
| Indigo (индиго) |
#4B0082 |
|
| Ivory (слоновая кость) |
#FFFFF0 |
|
| Khaki (хаки) |
#F0E68C |
|
| Lavender (бледно-лиловый) |
#E6E6FA |
|
| LavenderBlush (бледный розово-лиловый) |
#FFF0F5 |
|
| LawnGreen (зеленая трава) |
#7CFC00 |
|
| LemonChiffon (лимонный) |
#FFFACD |
|
| LightBlue (светло-синий) |
#ADD8E6 |
|
| LightCoral (светло-коралловый) |
#F08080 |
|
| LightCyan (светло-светло-голубой) |
#E0FFFF |
|
| LightGoldenRodYellow (светлый коричнево-желтый)
|
#FAFAD2 |
|
| LightGrey (светло-серый) |
#D3D3D3 |
|
| LightGreen (светло-зеленый) |
#90EE90 |
|
| LightPink (светло-розовый) |
#FFB6C1 |
|
| LightSalmon (светлый оранжево-розовый) |
#FFA07A |
|
| LightSeaGreen (светло-зеленое море) |
#20B2AA |
|
| LightSkyBlue (светло-небесно-голубой) |
#87CEFA |
|
| LightSlateBlue (светлый серовато-синий) |
#8470FF |
|
| LightSlateGray (светлый синевато-серый) |
#778899 |
|
| LightSteelBlue (светлый голубовато стальной)
|
#B0C4DE |
|
| LightYellow (светло-желтый) |
#FFFFE0 |
|
| Lime (лайм) |
#00FF00 |
|
| LimeGreen (зеленый лайм) |
#32CD32 |
|
| Linen (льняной) |
#FAF0E6 |
|
| Magenta (пурпурный) |
#FF00FF |
|
| Maroon (каштановый) |
#800000 |
|
| MediumAquaMarine (умеренно аквамариновый) |
#66CDAA |
|
| MediumBlue (умеренно синий) |
#0000CD |
|
| MediumOrchid (умеренно лиловый) |
#BA55D3 |
|
| MediumPurple (умеренно пурпурный) |
#9370D8 |
|
| MediumSeaGreen (умеренно-зеленое море) |
#3CB371 |
|
| MediumSlateBlue (умеренно серовато-синий) |
#7B68EE |
|
| MediumSpringGreen (умеренная весенняя зелень)
|
#00FA9A |
|
| MediumTurquoise (умеренно-бирюзовый) |
#48D1CC |
|
| MediumVioletRed (умеренно фиолетово красный)
|
#C71585 |
|
| MidnightBlue (ночной синий) |
#191970 |
|
| MintCream (мятно-кремовый) |
#F5FFFA |
|
| MistyRose (туманно-розовый) |
#FFE4E1 |
|
| Moccasin (песочный) |
#FFE4B5 |
|
| NavajoWhite (темно-песочный) |
#FFDEAD |
|
| Navy (темно-синий) |
#000080 |
|
| OldLace (старые кружева) |
#FDF5E6 |
|
| Olive (оливковый) |
#808000 |
|
| OliveDrab (тускло-оливковый) |
#6B8E23 |
|
| Orange (оранжевый) |
#FFA500 |
|
| OrangeRed (оранжево-красный) |
#FF4500 |
|
| Orchid (лиловый) |
#DA70D6 |
|
| PaleGoldenRod (бледно-золотисто-коричневый) |
#EEE8AA |
|
| PaleGreen (бледно-зеленый) |
#98FB98 |
|
| PaleTurquoise (бледно-голубой) |
#AFEEEE |
|
| PaleVioletRed (бледно-фиолетово-красный) |
#D87093 |
|
| PapayaWhip (дыни) |
#FFEFD5 |
|
| PeachPuff (персиковый) |
#FFDAB9 |
|
| Peru (коричневый) |
#CD853F |
|
| Pink (розовый) |
#FFC0CB |
|
| Plum (сливовый) |
#DDA0DD |
|
| PowderBlue (туманно-голубой) |
#B0E0E6 |
|
| Purple (пурпурный) |
#800080 |
|
| Red (красный) |
#FF0000 |
|
| RosyBrown (розово-коричневый) |
#BC8F8F |
|
| RoyalBlue (ярко-синий) |
#4169E1 |
|
| SaddleBrown (старая кожа) |
#8B4513 |
|
| Salmon (оранжево-розовый) |
#FA8072 |
|
| SandyBrown (песочно-коричневый) |
#F4A460 |
|
| SeaGreen (зеленое море) |
#2E8B57 |
|
| SeaShell (морская ракушка) |
#FFF5EE |
|
| Sienna (охра) |
#A0522D |
|
| Silver (свето-серый) |
#C0C0C0 |
|
| SkyBlue (небесно-голубой) |
#87CEEB |
|
| SlateBlue (серовато-синий) |
#6A5ACD |
|
| SlateGray (синевато-серый) |
#708090 |
|
| Snow (снежный) |
#FFFAFA |
|
| SpringGreen (весенняя зелень) |
#00FF7F |
|
| SteelBlue (сине-стальной) |
#4682B4 |
|
| Tan (бронзы) |
#D2B48C |
|
| Teal (сине-зеленый) |
#008080 |
|
| Thistle (чертополох) |
#D8BFD8 |
|
| Tomato (томат) |
#FF6347 |
|
| Turquoise (бирюзовый) |
#40E0D0 |
|
| Violet (фиолетовый) |
#EE82EE |
|
| VioletRed (фиолетово-красный) |
#D02090 |
|
| Wheat (пшеничный) |
#F5DEB3 |
|
| White (белый) |
#FFFFFF |
|
| WhiteSmoke (белый дым) |
#F5F5F5 |
|
| Yellow (желтый) |
#FFFF00 |
|
| YellowGreen (желто-зеленый) |
#9ACD32 |
|
|
Посмотреть
порно видео в онлайне »