Безопасные цвета html: Таблица «безопасных» цветов

Содержание

Таблица кодировок цветов HTML . Таблица цветов CSS. HTML safe Color Codes. «Безопасные» цвета HTML. Палитра цветов HTML

Справочно: спецсимволы HTML

Таблица цветов HTML . Таблица цветов CSS. HTML safe Color Codes. «Безопасные» цвета HTML. Палитра цветов HTML.

Сперва брузеры не поддерживали никаких цветов, кроме 256 «безопсных»:

Шестнадцатеричный код: Hex code (#RRGGBB)	Десятичный код: Decimal code (R,G,B)	HTML/CSS цвет
#000000	rgb(0,0,0)	black — черный
#000033	rgb(0,0,51)
#000066	rgb(0,0,102)
#000099	rgb(0,0,153)
#0000CC	rgb(0,0,204)
#0000FF	rgb(0,0,255)	blue — синий
#003300	rgb(0,51,0)
#003333	rgb(0,51,51)
#003366	rgb(0,51,102)
#003399	rgb(0,51,153)
#0033CC	rgb(0,51,204)
#0033FF	rgb(0,51,255)
#006600	rgb(0,102,0)
#006633	rgb(0,102,51)
#006666	rgb(0,102,102)
#006699	rgb(0,102,153)
#0066CC	rgb(0,102,204)
#0066FF	rgb(0,102,255)
#009900	rgb(0,153,0)
#009933	rgb(0,153,51)
#009966	rgb(0,153,102)
#009999	rgb(0,153,153)
#0099CC	rgb(0,153,204)
#0099FF	rgb(0,153,255)
#00CC00	rgb(0,204,0)
#00CC33	rgb(0,204,51)
#00CC66	rgb(0,204,102)
#00CC99	rgb(0,204,153)
#00CCCC	rgb(0,204,204)
#00CCFF	rgb(0,204,255)
#00FF00	rgb(0,255,0)	lime — лайм
#00FF33	rgb(0,255,51)
#00FF66	rgb(0,255,102)
#00FF99	rgb(0,255,153)
#00FFCC	rgb(0,255,204)
#00FFFF	rgb(0,255,255)	cyan — цвет морской волны (бирюза)
#330000	rgb(51,0,0)
#330033	rgb(51,0,51)
#330066	rgb(51,0,102)
#330099	rgb(51,0,153)
#3300CC	rgb(51,0,204)
#3300FF	rgb(51,0,255)
#333300	rgb(51,51,0)
#333333	rgb(51,51,51)
#333366	rgb(51,51,102)
#333399	rgb(51,51,153)
#3333CC	rgb(51,51,204)
#3333FF	rgb(51,51,255)
#336600	rgb(51,102,0)
#336633	rgb(51,102,51)
#336666	rgb(51,102,102)
#336699	rgb(51,102,153)
#3366CC	rgb(51,102,204)
#3366FF	rgb(51,102,255)
#339900	rgb(51,153,0)
#339933	rgb(51,153,51)
#339966	rgb(51,153,102)
#339999	rgb(51,153,153)
#3399CC	rgb(51,153,204)
#3399FF	rgb(51,153,255)
#33CC00	rgb(51,204,0)
#33CC33	rgb(51,204,51)
#33CC66	rgb(51,204,102)
#33CC99	rgb(51,204,153)
#33CCCC	rgb(51,204,204)
#33CCFF	rgb(51,204,255)
#33FF00	rgb(51,255,0)
#33FF33	rgb(51,255,51)
#33FF66	rgb(51,255,102)
#33FF99	rgb(51,255,153)
#33FFCC	rgb(51,255,204)
#33FFFF	rgb(51,255,255)
#660000	rgb(102,0,0)
#660033	rgb(102,0,51)
#660066	rgb(102,0,102)
#660099	rgb(102,0,153)
#6600CC	rgb(102,0,204)
#6600FF	rgb(102,0,255)
#663300	rgb(102,51,0)
#663333	rgb(102,51,51)
#663366	rgb(102,51,102)
#663399	rgb(102,51,153)
#6633CC	rgb(102,51,204)
#6633FF	rgb(102,51,255)
#666600	rgb(102,102,0)
#666633	rgb(102,102,51)
#666666	rgb(102,102,102)
#666699	rgb(102,102,153)
#6666CC	rgb(102,102,204)
#6666FF	rgb(102,102,255)
#669900	rgb(102,153,0)
#669933	rgb(102,153,51)
#669966	rgb(102,153,102)
#669999	rgb(102,153,153)
#6699CC	rgb(102,153,204)
#6699FF	rgb(102,153,255)
#66CC00	rgb(102,204,0)
#66CC33	rgb(102,204,51)
#66CC66	rgb(102,204,102)
#66CC99	rgb(102,204,153)
#66CCCC	rgb(102,204,204)
#66CCFF	rgb(102,204,255)
#66FF00	rgb(102,255,0)
#66FF33	rgb(102,255,51)
#66FF66	rgb(102,255,102)
#66FF99	rgb(102,255,153)
#66FFCC	rgb(102,255,204)
#66FFFF	rgb(102,255,255)
#990000	rgb(153,0,0)
#990033	rgb(153,0,51)
#990066	rgb(153,0,102)
#990099	rgb(153,0,153)
#9900CC	rgb(153,0,204)
#9900FF	rgb(153,0,255)
#993300	rgb(153,51,0)
#993333	rgb(153,51,51)
#993366	rgb(153,51,102)
#993399	rgb(153,51,153)
#9933CC	rgb(153,51,204)
#9933FF	rgb(153,51,255)
#996600	rgb(153,102,0)
#996633	rgb(153,102,51)
#996666	rgb(153,102,102)
#996699	rgb(153,102,153)
#9966CC	rgb(153,102,204)
#9966FF	rgb(153,102,255)
#999900	rgb(153,153,0)
#999933	rgb(153,153,51)
#999966	rgb(153,153,102)
#999999	rgb(153,153,153)
#9999CC	rgb(153,153,204)
#9999FF	rgb(153,153,255)
#99CC00	rgb(153,204,0)
#99CC33	rgb(153,204,51)
#99CC66	rgb(153,204,102)
#99CC99	rgb(153,204,153)
#99CCCC	rgb(153,204,204)
#99CCFF	rgb(153,204,255)
#99FF00	rgb(153,255,0)
#99FF33	rgb(153,255,51)
#99FF66	rgb(153,255,102)
#99FF99	rgb(153,255,153)
#99FFCC	rgb(153,255,204)
#99FFFF	rgb(153,255,255)
#CC0000	rgb(204,0,0)
#CC0033	rgb(204,0,51)
#CC0066	rgb(204,0,102)
#CC0099	rgb(204,0,153)
#CC00CC	rgb(204,0,204)
#CC00FF	rgb(204,0,255)
#CC3300	rgb(204,51,0)
#CC3333	rgb(204,51,51)
#CC3366	rgb(204,51,102)
#CC3399	rgb(204,51,153)
#CC33CC	rgb(204,51,204)
#CC33FF	rgb(204,51,255)
#CC6600	rgb(204,102,0)
#CC6633	rgb(204,102,51)
#CC6666	rgb(204,102,102)
#CC6699	rgb(204,102,153)
#CC66CC	rgb(204,102,204)
#CC66FF	rgb(204,102,255)
#CC9900	rgb(204,153,0)
#CC9933	rgb(204,153,51)
#CC9966	rgb(204,153,102)
#CC9999	rgb(204,153,153)
#CC99CC	rgb(204,153,204)
#CC99FF	rgb(204,153,255)
#CCCC00	rgb(204,204,0)
#CCCC33	rgb(204,204,51)
#CCCC66	rgb(204,204,102)
#CCCC99	rgb(204,204,153)
#CCCCCC	rgb(204,204,204)
#CCCCFF	rgb(204,204,255)
#CCFF00	rgb(204,255,0)
#CCFF33	rgb(204,255,51)
#CCFF66	rgb(204,255,102)
#CCFF99	rgb(204,255,153)
#CCFFCC	rgb(204,255,204)
#CCFFFF	rgb(204,255,255)
#FF0000	rgb(255,0,0)	red — красный
#FF0033	rgb(255,0,51)
#FF0066	rgb(255,0,102)
#FF0099	rgb(255,0,153)
#FF00CC	rgb(255,0,204)
#FF00FF	rgb(255,0,255)	magenta, fuchsia — пурпурный = фуксин
#FF3300	rgb(255,51,0)
#FF3333	rgb(255,51,51)
#FF3366	rgb(255,51,102)
#FF3399	rgb(255,51,153)
#FF33CC	rgb(255,51,204)
#FF33FF	rgb(255,51,255)
#FF6600	rgb(255,102,0)
#FF6633	rgb(255,102,51)
#FF6666	rgb(255,102,102)
#FF6699	rgb(255,102,153)
#FF66CC	rgb(255,102,204)
#FF66FF	rgb(255,102,255)
#FF9900	rgb(255,153,0)
#FF9933	rgb(255,153,51)
#FF9966	rgb(255,153,102)
#FF9999	rgb(255,153,153)
#FF99CC	rgb(255,153,204)
#FF99FF	rgb(255,153,255)
#FFCC00	rgb(255,204,0)
#FFCC33	rgb(255,204,51)
#FFCC66	rgb(255,204,102)
#FFCC99	rgb(255,204,153)
#FFCCCC	rgb(255,204,204)
#FFCCFF	rgb(255,204,255)
#FFFF00	rgb(255,255,0)	yellow-желтый
#FFFF33	rgb(255,255,51)
#FFFF66	rgb(255,255,102)
#FFFF99	rgb(255,255,153)
#FFFFCC	rgb(255,255,204)
#FFFFFF	rgb(255,255,255)	white-белый

Безопасные цвета HTML (safe web RGB Red-красный, Green-зеленый, и Blue-синий) цвета — это комбинация из шестнадцатеричных чисел:

00 — нет цвета
33
66
99
CC
FF- полный цвет

Число комбинаций из 6 по 3:

6³= 216 «безопасных» цветов

Web палитра и Безопасные цвета в HTML.

Таблица безопасных цветов HTML.

На этой странице я привел Web-палитру — таблица безопасных цветов в HTML, которые будут во всех браузерах отображаться одинаково. Таблица состоит из цвета, который будет отображаться, как он называется и его шестнадцатеричное значение.

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	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	Lavendar E6E6FA
Lavenderblush FFF0F5	Lawngreen 7CFC00	Lemonchiffon FFFACD	Lightblue ADD8E6
Lightcoral F08080	Lightcyan E0FFFF	Lightgoldenrodyellow FAFAD2	Lightgreen 90EE90
Lightgrey D3D3D3	Lightpink FFB6C1	Lightsalmon FFA07A	Lightseagreen 20B2AA
Lightskyblue 87CEFA	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 688E23	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 0E0E6
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	Wheat F5DEB3
White FFFFFF	Whitesmoke F5F5F5	Yellow FFFF00	YellowGreen 9ACD32

Дата публикации: 15 мая, 2012

Цвета HTML

На этой странице собраны безопасные цвета, которые вы можете использовать в создании HTML страниц.

Цвета HTML представлены в виде шестизначного кода, который представляет собой кодовую запись цвета RGB (Red, Green, Blue), а также имеется запись цвета в цифровом коде, записанном через точку. В CSS можно использовать и тот и другой код. Над цветом указан код цвета в двух вариантах. Думаю, целесообразней будет использовать код из второй строчки над цветом. Все цвета проверены и вписаны вручную. Нужно отдать должное за это студии Артемия Лебедева.

255.255.204	255.255.153	255.255.102	255.255.51	255.255.0	204.204.0
FFFFCC	FFFF99	FFFF66	FFFF33	FFFF00	CCCC00

255. 204.102	255.204.0	255.204.51	204.153.0	204.153.51	153.102.0
FFCC66	FFCC00	FFCC33	CC9900	CC9933	996600

255.153.0	255.153.51	204.153.102	204.102.0	153.102.51	102.51.0
FF9900	FF9933	CC9966	CC6600	996633	663300

255.204.153	255.153.102	255.102.0	204.102.51	153. 51.0	102.0.0
FFCC99	FF9966	FF6600	CC6633	993300	660000

255.102.51	204.51.0	255.51.0	255.0.0	204.0.0	153.0.0
FF6633	CC3300	FF3300	FF0000	CC0000	990000

255.204.204	255.153.153	255.102.102	255.51.51	255.0.51	204.0.51
FFCCCC	FF9999	FF6666	FF3333	FF0033	CC0033

204. 153.153	204.102.102	204.51.51	153.51.51	153.0.51	51.0.0
CC9999	CC6666	CC3333	993333	990033	330000

255.102.153	255.51.102	255.0.102	204.51.102	153.102.102	102.51.51
FF6699	FF3366	FF0066	CC3366	996666	663333

255.153.204	255.51.153	255.0.153	204.0.102	153. 51.102	102.0.51
FF99CC	FF3399	FF0099	CC0066	993366	660033

255.102.204	255.0.204	255.51.204	204.102.153	204.0.153	153.0.102
FF66CC	FF00CC	FF33CC	CC6699	CC0099	990066

255.204.255	255.153.255	255.102.255	255.51.255	255.0.255	204.51.153
FFCCFF	FF99FF	FF66FF	FF33FF	FF00FF	CC3399

204. 153.204	204.102.204	204.0.204	204.51.204	153.0.153	153.51.153
CC99CC	CC66CC	CC00CC	CC33CC	990099	993399

204.102.255	204.51.255	204.0.255	153.0.204	153.102.153	102.0.102
CC66FF	CC33FF	CC00FF	9900CC	996699	660066

204.153.255	153.51.204	153.51.255	153.0.255	102. 0.153	102.51.102
CC99FF	9933CC	9933FF	9900FF	660099	663366

153.102.204	153.102.255	102.0.204	102.51.204	102.51.153	51.0.51
9966CC	9966FF	6600CC	6633CC	663399	330033

204.204.255	153.153.255	102.51.255	102.0.255	51.0.153	51.0.102
CCCCFF	9999FF	6633FF	6600FF	330099	330066

153. 153.204	102.102.255	102.102.204	102.102.153	51.51.153	51.51.102
9999CC	6666FF	6666CC	666699	333399	333366

51.51.255	51.0.255	51.0.204	51.51.204	0.0.153	0.0.102
3333FF	3300FF	3300CC	3333CC	000099	000066

102.153.255	51.102.255	0.0.255	0.0.204	0.51.204	0. 0.51
6699FF	3366FF	0000FF	0000CC	0033CC	000033

0.102.255	0.102.204	51.102.204	0.51.255	0.51.153	0.51.102
0066FF	0066CC	3366CC	0033FF	003399	003366

153.204.255	51.153.255	0.153.255	102.153.204	51.102.153	0.102.153
99CCFF	3399FF	0099FF	6699CC	336699	006699

102. 204.255	51.204.255	0.204.255	51.153.204	0.153.204	0.51.51
66CCFF	33CCFF	00CCFF	3399CC	0099CC	003333

153.204.204	102.204.204	51.153.153	102.153.153	0.102.102	51.102.102
99CCCC	66CCCC	339999	669999	006666	336666

204.255.255	153.255.255	102.255.255	51.255.255	0. 255.255	0.204.204
CCFFFF	99FFFF	66FFFF	33FFFF	00FFFF	00CCCC

153.255.204	102.255.204	51.255.204	0.255.204	51.204.204	0.153.153
99FFCC	66FFCC	33FFCC	00FFCC	33CCCC	009999

102.204.153	51.204.153	0.204.153	51.153.102	0.153.102	0.102.51
66CC99	33CC99	00CC99	339966	009966	006633

102. 255.153	51.255.153	0.255.153	51.204.102	0.204.102	0.153.51
66FF99	33FF99	00FF99	33CC66	00CC66	009933

153.255.153	102.255.102	51.255.102	0.255.102	51.153.51	0.102.0
99FF99	66FF66	33FF66	00FF66	339933	006600

204.255.204	153.204.153	102.204.102	102.153.102	51. 102.51	0.51.0
CCFFCC	99CC99	66CC66	669966	336633	003300

51.255.51	0.255.51	0.255.0	0.204.0	51.204.51	0.204.51
33FF33	00FF33	00FF00	00CC00	33CC33	00CC33

102.255.0	102.255.51	51.255.0	51.204.0	51.153.0	0.153.0
66FF00	66FF33	33FF00	33CC00	339900	009900

204. 255.153	153.255.102	102.204.0	102.204.51	102.153.51	51.102.0
CCFF99	99FF66	66CC00	66CC33	669933	336600

153.255.0	153.255.51	153.204.102	153.204.0	153.204.51	102.153.0
99FF00	99FF33	99CC66	99CC00	99CC33	669900

204.255.102	204.255.0	204.255.51	204.204.153	102. 102.51	51.51.0
CCFF66	CCFF00	CCFF33	CCCC99	666633	333300

204.204.102	204.204.51	153.153.51	153.153.102	153.153.0	102.102.0
CCCC66	CCCC33	999966	999933	999900	666600

255.255.255	204.204.204	153.153.153	102.102.102	51.51.51	0.0.0
FFFFFF	CCCCCC	999999	666666	333333	000000

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

Изучаем HTML: Цвет

На экране монитора могут отображаться несколько миллионов цветов. Из них только 144 цвета считаются безопасными. Что такое безопасные цвета HTML?

Безопасные цвета HTML: Цвета, которые со 100%-й гарантией будут правильно показываться на экране монитора. При этом нет абсолютно никакой разницы через какой браузер будет просматриваться страница сайта.

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

В HTML и CSS спецификациях цвета определены 144 названия цвета (16 стандартных цветов и 128 дополнительных) как безопасные цвета.

16 стандартных цветов следующие:

цвет морской волны — Aqua,
черный — Black,
синий — Blue,
фуксия — Fuchsia,
серый — Gray,
зеленый — Green,
лайм — Lime,
темно-бордовый — Maroon,
темно-синий — Navy,
оливковый — Olive,
фиолетовый — Purple,
красный — Red,
серебристый — Silver,
бирюзовый — Teal,
белый — White,
желтый — Yellow.

В таблице ниже приведён список безопасных цветов в алфавитном порядке вместе с их шестнадцатеричными значениями. Вебмастер в HTML-коде может использовать как название цвета, так и его 16-ричный код.

Список безопасных цветов

Название в HTML	HTML код	Цвет
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
DarkSlateGrey	#2F4F4F
DarkTurquoise	#00CED1
DarkViolet	#9400D3
DeepPink	#FF1493
DeepSkyBlue	#00BFFF
DimGray	#696969
DodgerBlue	#1E90FF
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
LightGray	#D3D3D3
LightGreen	#90EE90
LightPink	#FFB6C1
LightSalmon	#FFA07A
LightSeaGreen	#20B2AA
LightSkyBlue	#87CEFA
LightSlateGray	#778899
LightSlateGrey	#778899
LightSteelBlue	#B0C4DE
LightYellow	#FFFFE0
Lime	#00FF00
LimeGreen	#32CD32
Linen	#FAF0E6
Magenta	#FF00FF
Maroon	#800000
MediumAquaMarine	#66CDAA
MediumBlue	#0000CD
MediumOrchid	#BA55D3
MediumPurple	#9370DB
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	#DB7093
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
SlateGrey	#708090
Snow	#FFFAFA
SpringGreen	#00FF7F
SteelBlue	#4682B4
Tan	#D2B48C
Teal	#008080
Thistle	#D8BFD8
Tomato	#FF6347
Turquoise	#40E0D0
Violet	#EE82EE
Wheat	#F5DEB3
White	#FFFFFF
WhiteSmoke	#F5F5F5
Yellow	#FFFF00
YellowGreen	#9ACD32

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

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

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

HTML — Цвета — CoderLessons.com

Цвета очень важны, чтобы придать вашему сайту хороший внешний вид. Вы можете указать цвета на уровне страницы, используя тег <body>, или вы можете установить цвета для отдельных тегов, используя атрибут bgcolor .

Тег <body> имеет следующие атрибуты, которые можно использовать для установки разных цветов:

bgcolor — устанавливает цвет фона страницы.
текст — устанавливает цвет для основного текста.
alink — устанавливает цвет для активных или выбранных ссылок.
ссылка — устанавливает цвет для связанного текста.
vlink — устанавливает цвет для посещенных ссылок, то есть для связанного текста, по которому вы уже щелкнули.

bgcolor — устанавливает цвет фона страницы.

текст — устанавливает цвет для основного текста.

alink — устанавливает цвет для активных или выбранных ссылок.

ссылка — устанавливает цвет для связанного текста.

vlink — устанавливает цвет для посещенных ссылок, то есть для связанного текста, по которому вы уже щелкнули.

Методы цветового кодирования HTML

Существует три способа настройки цвета на вашей веб-странице:

Названия цветов — Вы можете указать названия цветов, например, зеленый, синий или красный.
Шестнадцатеричные коды — шестизначный код, обозначающий количество красного, зеленого и синего цветов, составляющих цвет.
Цветные десятичные или процентные значения — это значение указывается с помощью свойства rgb ().

Названия цветов — Вы можете указать названия цветов, например, зеленый, синий или красный.

Шестнадцатеричные коды — шестизначный код, обозначающий количество красного, зеленого и синего цветов, составляющих цвет.

Цветные десятичные или процентные значения — это значение указывается с помощью свойства rgb ().

Теперь мы увидим эти раскраски одну за другой.

HTML Colors — Названия цветов

Вы можете указать прямое имя цвета, чтобы установить цвет текста или фона. W3C перечислил 16 основных имен цветов, которые будут проверяться с помощью валидатора HTML, но есть более 200 различных имен цветов, поддерживаемых основными браузерами.

Примечание. Проверьте полный список имен цветов HTML.

Стандарт W3C 16 цветов

Вот список имен W3C Standard 16 Colours, и их рекомендуется использовать.

черный	Серый	Серебряный	белый
желтый	Лайм	вода	фуксия
красный	зеленый	синий	Пурпурный
каштановый	оливковый	флот	чирок

пример

Вот примеры для установки фона тега HTML по имени цвета —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Name</title>
   </head>
	
   <body text = "blue" bgcolor = "green">
      <p>Use different color names for for body and table and see the result. </p>
      
      <table bgcolor = "black">
         <tr>
            <td>
               <font color = "white">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML-цвета — шестнадцатеричные коды

Шестнадцатеричное — это 6-значное представление цвета. Первые две цифры (RR) представляют значение красного цвета, следующие две — значение зеленого цвета (GG), а последние — значение синего (BB).

Шестнадцатеричное значение может быть взято из любого графического программного обеспечения, такого как Adobe Photoshop, Paintshop Pro или MS Paint.

Каждому шестнадцатеричному коду будет предшествовать знак фунта или хеша #. Ниже приведен список нескольких цветов с использованием шестнадцатеричной записи.

цвет	Цвет HEX
	# 000000
	# FF0000
	# 00FF00
	# 0000FF
	# FFFF00
	# 00FFFF
	# FF00FF
	# C0C0C0
	#FFFFFF

пример

Вот примеры для установки фона тега HTML по цветному коду в шестнадцатеричном формате —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by Hex</title>
   </head>
	
   <body text = "#0000FF" bgcolor = "#00FF00">
      <p>Use different color hexa for for body and table and see the result. </p>
      
      <table bgcolor = "#000000">
         <tr>
            <td>
               <font color = "#FFFFFF">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

HTML-цвета — значения RGB

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

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

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

Ниже приведен список, показывающий несколько цветов с использованием значений RGB.

цвет	Цвет RGB
	RGB (0,0,0)
	RGB (255,0,0)
	RGB (0,255,0)
	RGB (0,0,255)
	RGB (255,255,0)
	RGB (0255255)
	RGB (255,0,255)
	RGB (192192192)
	RGB (255,255,255)

пример

Вот примеры для установки фона тега HTML с помощью цветового кода с использованием значений rgb () —

Live Demo

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Colors by RGB code</title>
   </head>
	
   <body text = "rgb(0,0,255)" bgcolor = "rgb(0,255,0)">
      <p>Use different color code for for body and table and see the result. </p>
      
      <table bgcolor = "rgb(0,0,0)">
         <tr>
            <td>
               <font color = "rgb(255,255,255)">This text will appear white on black background.</font>
            </td>
         </tr>
      </table>
   </body>
   
</html>

Браузер Безопасные Цвета

Вот список из 216 цветов, которые должны быть самыми безопасными и независимыми от компьютера. Эти цвета очень от гекса кода 000000 до FFFFFF, и они будут поддерживаться всеми компьютерами, имеющими 256 цветовую палитру.

Таблица цветов (RGB и HEX код)

jpg» border=»0″>

Эти цвета будут корректно отображаться во всех браузерах.

255.255.204
#FFFFCC

255.255.153
#FFFF99

255.255.102
#FFFF66

255.255.51
#FFFF33

255.255.0
#FFFF00

204.204.0
#CCCC00

255.204.102
#FFCC66

255.204.0
#FFCC00

255.204.51
#FFCC33

204.153.0
#CC9900

204.153.51
#CC9933

153.102.0
#996600

255.153.0
#FF9900

255.153.51
#FF9933

204.153.102
#CC9966

204.102.0
#CC6600

153.102.51
#996633

102.51.0
#663300

255. 204.153
#FFCC99

255.153.102
#FF9966

255.102.0
#FF6600

204.102.51
#CC6633

153.51.0
#993300

102.0.0
#660000

255.102.51
#FF6633

204.51.0
#CC3300

255.51.0
#FF3300

255.0.0
#FF0000

204.0.0
#CC0000

153.0.0
#990000

255.204.204
#FFCCCC

255.153.153
#FF9999

255.102.102
#FF6666

255.51.51
#FF3333

255.0.51
#FF0033

204.0.51
#CC0033

204.153.153
#CC9999

204.102.102
#CC6666

204.51.51
#CC3333

153.51.51
#993333

153.0.51
#990033

51.0.0
#330000

255.102.153
#FF6699

255.51.102
#FF3366

255.0.102
#FF0066

204.51.102
#CC3366

153.102.102
#996666

102.51.51
#663333

255.153.204
#FF99CC

255.51.153
#FF3399

255.0.153
#FF0099

204.0.102
#CC0066

153. 51.102
#993366

102.0.51
#660033

255.102.204
#FF66CC

255.0.204
#FF00CC

255.51.204
#FF33CC

204.102.153
#CC6699

204.0.153
#CC0099

153.0.102
#990066

255.204.255
#FFCCFF

255.153.255
#FF99FF

255.102.255
#FF66FF

255.51.255
#FF33FF

255.0.255
#FF00FF

204.51.153
#CC3399

204.153.204
#CC99CC

204.102.204
#CC66CC

204.0.204
#CC00CC

204.51.204
#CC33CC

153.0.153
#990099

153.51.153
#993399

204.102.255
#CC66FF

204.51.255
#CC33FF

204.0.255
#CC00FF

153.0.204
#9900CC

153.102.153
#996699

102.0.102
#660066

204.153.255
#CC99FF

153.51.204
#9933CC

153.51.255
#9933FF

153.0.255
#9900FF

102.0.153
#660099

102.51.102
#663366

153.102.204
#9966CC

153. 102.255
#9966FF

102.0.204
#6600CC

102.51.204
#6633CC

102.51.153
#663399

51.0.51
#330033

204.204.255
#CCCCFF

153.153.255
#9999FF

102.51.255
#6633FF

102.0.255
#6600FF

51.0.153
#330099

51.0.102
#330066

153.153.204
#9999CC

102.102.255
#6666FF

102.102.204
#6666CC

102.102.153
#666699

51.51.153
#333399

51.51.102
#333366

51.51.255
#3333FF

51.0.255
#3300FF

51.0.204
#3300CC

51.51.204
#3333CC

0.0.153
#000099

0.0.102
#000066

102.153.255
#6699FF

51.102.255
#3366FF

0.0.255
#0000FF

0.0.204
#0000CC

0.51.204
#0033CC

0.0.51
#000033

0.102.255
#0066FF

0.102.204
#0066CC

51.102.204
#3366CC

0.51.255
#0033FF

0.51.153
#003399

0. 51.102
#003366

153.204.255
#99CCFF

51.153.255
#3399FF

0.153.255
#0099FF

102.153.204
#6699CC

51.102.153
#336699

0.102.153
#006699

102.204.255
#66CCFF

51.204.255
#33CCFF

0.204.255
#00CCFF

51.153.204
#3399CC

0.153.204
#0099CC

0.51.51
#333333

153.204.204
#99CCCC

102.204.204
#66CCCC

51.153.153
#339999

102.153.153
#669999

0.102.102
#006666

51.102.102
#336666

204.255.255
#CCFFFF

153.255.255
#99FFFF

102.255.255
#66FFFF

51.255.255
#33FFFF

0.255.255
#00FFFF

0.204.204
#00CCCC

153.255.204
#99FFCC

102.255.204
#66FFCC

51.255.204
#33FFCC

0.255.204
#00FFCC

51.204.204
#33CCCC

0.153.153
#009999

102.204.153
#66CC99

51.204.153
#33CC99

0. 204.153
#00CC99

51.153.102
#339966

0.153.102
#009966

0.102.51
#006633

102.255.153
#66FF99

51.255.153
#33FF99

0.255.153
#00FF99

51.204.102
#33CC66

0.204.102
#00CC66

0.153.51
#009933

153.255.153
#99FF99

102.255.102
#66FF66

51.255.102
#33FF66

0.255.102
#00FF66

51.153.51
#339933

0.102.0
#006600

204.255.204
#CCFFCC

153.204.153
#99CC99

102.204.102
#66CC66

102.153.102
#669966

51.102.51
#336633

0.51.0
#003300

51.255.51
#33FF33

0.255.51
#00FF33

0.255.0
#00FF00

0.204.0
#00CC00

51.204.51
#33CC33

0.204.51
#00CC33

102.255.0
#66FF00

102.255.51
#66FF33

51.255.0
#33FF00

51.204.0
#33CC00

51.153.0
#339900

0.153.0
#009900

204. 255.153
#CCFF99

153.255.102
#99FF66

102.204.0
#66CC00

102.204.51
#66CC33

102.153.51
#669933

51.102.0
#336600

153.255.0
#99FF00

153.255.51
#99FF33

153.204.102
#99CC66

153.204.0
#99CC00

153.204.51
#99CC33

102.153.0
#669900

204.255.102
#CCFF66

204.255.0
#CCFF00

204.255.51
#CCFF33

204.204.153
#CCCC99

102.102.51
#666633

51.51.0
#333300

204.204.102
#CCCC66

204.204.51
#CCCC33

153.153.51
#999966

153.153.102
#999933

153.153.0
#999900

102.102.0
#666600

255.255.255
#FFFFFF

204.204.204
#CCCCCC

153.153.153
#999999

102.102.102
#666666

51.51.51
#333333

0.0.0
#000000

На этой странице представлена таблица безопасных цветов HTML в формате RGB (для CSS и разных приложений) и HEX (для HTML и CSS). Используя эти цвета, вы можете быть уверены, что они будут одинаково отображены любыми старыми и новыми устройствами, на которых будут просматривать ваш сайт (мониторы, мобильные телефоны и т.д.) и всеми браузерами. При указании кода цвета в HTML перед ним необходимо поставить знак решетка (#). Все представленные ниже цвета допускается задавать в сокращенном виде, например #F3C вместо #FF33CC или #333 вместо #333333.
255,204,102 255,204,51 255,204,0 204,153,0 153,102,0
FFCC66 FFCC33 FFCC00 CC9900 996600

255,204,153 204,153,102 204,153,51 153,102,51 102,51,0
FFCC99 CC9966 CC9933 996633 663300

255,153,102 255,153,51 255,153,0 204,102,51 204,102,0
FF9966 FF9933 FF9900 CC6633 CC6600

255,102,51 255,102,0 255,51,0 204,51,0 153,51,0
FF6633 FF6600 FF3300 CC3300 993300

255,204,204 204,153,153 153,102,102 102,51,51 51,0,0
FFCCCC CC9999 996666 663333 330000

255,153,153 204,102,102 204,51,51 153,51,51 102,0,0
FF9999 CC6666 CC3333 993333 660000

255,102,102 255,51,51 255,0,0 204,0,0 153,0,0
FF6666 FF3333 FF0000 CC0000 990000

255,102,153 255,51,102 255,0,51 204,0,51 153,0,51
FF6699 FF3366 FF0033 CC0033 990033

255,153,204 204,102,153 204,51,102 153,51,102 102,0,51
FF99CC CC6699 CC3366 993366 660033

255,51,153 255,0,153 255,0,102 204,0,102 153,0,102
FF3399 FF0099 FF0066 CC0066 990066

255,102,204 255,51,204 255,0,204 204,51,153 204,0,153
FF66CC FF33CC FF00CC CC3399 CC0099

255,204,255 204,153,204 153,102,153 102,51,102 51,0,51
FFCCFF CC99CC 996699 663366 330033

255,153,255 204,102,204 204,51,204 153,51,153 102,0,102
FF99FF CC66CC CC33CC 993399 660066

255,102,255 255,51,255 255,0,255 204,0,204 153,0,153
FF66FF FF33FF FF00FF CC00CC 990099

204,102,255 204,51,255 204,0,255 153,0,204 102,0,153
CC66FF CC33FF CC00FF 9900CC 660099

204,153,255 153,102,204 153,51,204 102,51,153 51,0,102
CC99FF 9966CC 9933CC 663399 330066

153,102,255 153,51,255 153,0,255 102,51,204 102,0,204
9966FF 9933FF 9900FF 6633CC 6600CC

102,51,255 102,0,255 51,0,255 51,0,204 51,0,153
6633FF 6600FF 3300FF 3300CC 330099

204,204,255 153,153,204 102,102,153 51,51,102 0,0,51
CCCCFF 9999CC 666699 333366 000033

153,153,255 102,102,204 51,51,204 51,51,153
9999FF 6666CC 3333CC 333399 000066

102,102,255 51,51,255 0,0,255 0,0,204 0,0,153
6666FF 3333FF 0000FF 0000CC 000099

102,153,255 51,102,255 0,51,255 0,51,204 0,51,153
6699FF 3366FF 0033FF 0033CC 003399

153,204,255 102,153,204 51,102,204 51,102,153 0,51,102
99CCFF 6699CC 3366CC 336699 003366

51,153,255 0,153,255 0,102,255 0,102,204 0,102,153
3399FF 0099FF 0066FF 0066CC 006699

102,204,255 51,204,255 0,204,255 51,153,204 0,153,204
66CCFF 33CCFF 00CCFF 3399CC 0099CC

204,255,255 153,204,204 102,153,153 51,102,102 0,51,51
CCFFFF 99CCCC 669999 336666 003333

153,255,255 102,204,204 51,204,204 51,153,153 0,102,102
99FFFF 66CCCC 33CCCC 339999 006666

102,255,255 51,255,255 0,255,255 0,204,204 0,153,153
66FFFF 33FFFF 00FFFF 00CCCC 009999

102,255,204 51,255,204 0,255,204 0,204,153 0,153,102
66FFCC 33FFCC 00FFCC 00CC99 009966

153,255,204 102,204,153 51,204,153 51,153,102 0,102,51
99FFCC 66CC99 33CC99 339966 006633

102,255,153 51,255,153 0,255,153 51,204,102 0,104,102
66FF99 33FF99 00FF99 33CC66 00CC66

51,255,102 0,255,102 0,255,51 0,204,51 0,153,51
33FF66 00FF66 00FF33 00CC33 009933

153,255,153 153,204,153 102,153,102 51,102,51 0,51,0
99FF99 99CC99 669966 336633 003300

204,255,204 102,204,102 51,204,51 51,153,51 0,102,0
CCFFCC 66CC66 33CC33 339933 006600

102,255,102 51,255,51 0,255,0 0,204,0 0,153,0
66FF66 33FF33 00FF00 00CC00 009900

153,255,102 102,255,51 51,255,0 51,204,0 51,153,0
99FF66 66FF33 33FF00 33CC00 339900

204,255,153 153,204,102 102,204,51 102,153,51 51,102,0
CCFF99 99CC66 66CC33 669933 336600

153,255,51 153,255,0 102,255,0 102,204,0 102,153,0
99FF33 99FF00 66FF00 66CC00 669900

204,255,102 204,255,51 204,255,0 153,204,51 153,204,0
CCFF66 CCFF33 CCFF00 99CC33 99CC00

255,255,204 204,204,153 153,153,102 102,102,51 51,51,0
FFFFCC CCCC99 999966 666633 333300

255,255,153 204,204,102 204,204,51 153,153,51 102,102,0
FFFF99 CCCC66 CCCC33 999933 666600

255,255,102 255,255,51 255,255,0 204,204,0 153,153,0
FFFF66 FFFF33 FFFF00 CCCC00 999900

255,255,255 204,204,204 153,153,153 102,102,102 51,51,51 0,0,0
FFFFFF CCCCCC 999999 666666 333333 000000

Каждый HEX-код состоит из трех пар шестнадцатеричных значений: первая пара отвечает за красный цвет, вторая — за зеленый, третья — за синий. Коды безопасной палитры могут состоять только из пар — 00, 33, 66, 99, СС и FF. Если код цвета содержит какое-либо другое значение, то этот цвет не из безопасной палитры.
Вообще, на сегодняшний день при создании сайта уже совсем не обязательно ограничиваться только безопасными цветами. Все современные браузеры и мониторы поддерживают гораздо больше цветов. Ну, разве что вы создаете сайт ориентированный на мобильные телефоны, некоторые из которых до сих пор могут отобразить только ограниченную палитру цветов.

Безопасные web — цвета — 3 Ноября 2010

Безопасные Web — цвета были выбраны математически, а не в силу того, что эти цвета используются чаще всего. RGB-коды для безопасных цветов состоят из нуля и других шестнадцатеричных цифр, делящихся на три: 3, 6, 9, C (12) и F (15). Кроме того, эти цифры всегда используются попарно. Например: #3399CC является безопасным цветом, потому что состоит из парных цифр, делящихся на три. #3388FF не является безопасным, поскольку числа не делятся на три. #3693CF не является безопасным, поскольку цифры хоть и делятся на три, но не являются парными. Повышение значений парных цифр, например от 33 к 66, означает 20% повышение насыщенности данного тона.

Существует палитра из 216 цветов, поведение которых мало предсказуемо при использовании разного железа и программных платформ. Она называется web-безопасной палитрой, и эти цвета распознаются всеми браузерами и системами. Хотя эти цвета и не выглядят точно один в один из-за особенностей разных мониторов, они хотя бы однозначно распознаются всеми системами.

Многие цвета помимо шестнадцатеричных кодов имеют имена. Например, в таблице стилей можно написать «color:red». Загвоздка в том, что только десять из этих имен цветов соответствуют в точности одному и тому же коду во всех браузерах. Казалось бы, нечто такое очевидное, как «red» должно бы всегда соответствовать коду #FF0000, но, к сожалению, это не всегда так.

Например, имя цвета «brown» соответствует коду #A52A2A в Navigator 7.2 и коду #993333 в Internet Explorer 6. Хотя новые версии Internet Explorer и Firefox лучше согласуются между собой, все равно безопаснее использовать шестнадцатеричные коды, а не имена. Фактически, все графические программы и среды web-разработки предлагают собственные версии безопасной палитры. К сожалению, эта палитра имеет строгие ограничения, особенно когда речь идет о более тонких и сложных оттенках, которые так любят многие дизайнеры.

Так что происходит, если вы выбираете цвет, не являющийся web-безопасным? Если у посетителя сайта стоит достаточно мощная система, чтобы отобразить именно этот цвет, то он выглядит должным образом. Если же нет, браузер делает одно из двух: либо на свое усмотрение меняет цвет на ближайший к нему, который он может распознать, либо использует дитеринг. Дитеринг подразумевает смешение пикселей двух разных цветов с целью создания оптического обмана, чтобы наш глаз воспринял третий, промежуточный цвет — фактически, происходит его подмена.

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

Из-за этой проблемы некоторые специалисты до сих пор советуют придерживаться web-безопасной палитры. Однако, она налагает серьезные ограничения: 216 цветов это не так уж много для большинства дизайнеров (вроде меня). Неизбежно, в точности такого цвета, как нам представляется, просто не оказывается в безопасной палитре. Это ставит нас перед дилеммой: следует ли ограничиться безопасной палитрой из 216 цветов, чтобы быть уверенными, что наши цвета не изменятся и не подвергнутся дитерингу у тех пользователей, чьи браузеры не могут распознать большее количество цветов? Или радостно и безоглядно выбирать из 16,8 миллиона великолепных, изумительных и выразительных цветов, которые все же могут увидеть на экране многие, пусть и не все, пользователи?

Заключение Фактически, старых компьютерных систем с цветовым диапазоном из 256 цветов осталось так мало, что большинство специалистов уже объявляют, что web-безопасная палитра осталась в прошлом. И все же, ответ на вопрос, стоит ли использовать безопасную палитру, звучит как: «Зависит от обстоятельств». Зависит от того, насколько значительную долю вашей потенциальной аудитории составляют пользователи со старыми компьютерами, поддерживающими только 256 цветов. Зависит от того, будут ли заходить на сайт с коммуникаторов или сотовых телефонов, которые могут поддерживать только 256 цветов.

Даже для таких пользователей использование безопасных цветов наиболее важно на больших поверхностях сплошного цвета в графических элементах и фонах HTML-страниц, где больше всего заметны дитеринг или смена цвета. Если ни одно из этих условий, вроде бы, не влияет на большую часть вашей аудитории, то вы можете спокойно использовать любые цвета, которые поражают ваше воображение. Перевод сататьи — http://www.merttol.com/articles/web/understanding-web-safe-colors.html

Таблица безопасных цветов Web

RGB
0, 0, 0
HEX
000000 RGB
0, 0, 51
HEX
000033 RGB
0, 0, 102
HEX
000066 RGB
0, 0, 153
HEX
000099 RGB
0, 0, 204
HEX
0000CC RGB
0, 0, 255
HEX
0000FF

RGB
0, 51, 0
HEX
003300 RGB
0, 51, 51
HEX
003333 RGB
0, 51, 102
HEX
003366 RGB
0, 51, 153
HEX
003399 RGB
0, 51, 204
HEX
0033CC RGB
0, 51, 255
HEX
0033FF

RGB
0, 102, 0
HEX
006600 RGB
0, 102, 51
HEX
006633 RGB
0, 102, 102
HEX
006666 RGB
0, 102, 153
HEX
006699 RGB
0, 102, 204
HEX
0066CC RGB
0, 102, 255
HEX
0066FF

RGB
0, 153, 0
HEX
009900 RGB
0, 153, 51
HEX
009933 RGB
0, 153, 102
HEX
009966 RGB
0, 153, 153
HEX
009999 RGB
0, 153, 204
HEX
0099CC RGB
0, 153, 255
HEX
0099FF

RGB
0, 204, 0
HEX
00CC00 RGB
0, 204, 51
HEX
00CC33 RGB
0, 204, 102
HEX
00CC66 RGB
0, 204, 153
HEX
00CC99 RGB
0, 204, 204
HEX
00CCCC RGB
0, 204, 255
HEX
00CCFF

RGB
0, 255, 0
HEX
00FF00 RGB
0, 255, 51
HEX
00FF33 RGB
0, 255, 102
HEX
00FF66 RGB
0, 255, 153
HEX
00FF99 RGB
0, 255, 204
HEX
00FFCC RGB
0, 255, 255
HEX
00FFFF

RGB
51, 0, 0
HEX
33000808

Цветовые и фоновые ресурсы

Безопасные цвета браузера (http://www.lynda.com/hexh.html)
Если вы обнаружите, что некоторые из ваших цветов испорчены точками и крестиками, это может быть потому, что они смешаны. Проверьте этот сайт для списка цветов без дизеринга.
ColorMaker (http://www.bagism.com/colormaker/)
ColorMaker — замечательный сайт, который позволяет вам выбирать цвета и фоны и мгновенно проверять ваш выбор на гармонию онлайн! Вы можете проверить свои цвета здесь.
Цвета в Интернете (http://www.colorsontheweb.com/colorwizard.asp)
Невероятный ресурс для выбора и использования цвета на вашем сайте. Обязательно попробуйте Color Wizard.
Выбор цвета HTML (http://www.imagitek.com/bcs.html)
Подобно ColorMaker, этот сайт позволяет предварительно просмотреть различные варианты цвета и фона на экране.

Наконечники

В последней версии Netscape фоновое изображение загружается ПОСЛЕ текста и встроенных изображений, что, по-видимому, ускоряет процесс загрузки.
Настройка цветов и фона выполняется один раз для всего документа; вы не можете изменить эти элементы управления для части страницы.
No related posts.

alexxlab
Навигация по записям
Пред.
След.
Разное
Синемаграфия на iphone: Синемаграфия в Instagram / Паразайт

29.11.2021
0
Разное
Размеры css: Как задать ширину html страницы?

28.11.2021
0
Разное
Брошюры примеры: 3300+ брошюры Шаблоны для бесплатной загрузки на Pngtree

27.11.2021
0
Разное
Подбор шрифтовой пары: 404-Ошибка: 404

26.11.2021
0
Разное
Как в инстаграмм сделать личный блог: Как сделать личный блог в Инстаграме: на телефоне, через Фейсбук

25.11.2021
0
Разное
Буквы в стиле готика: Гарнированный готический шрифт стиля, помечает буквами A Иллюстрация вектора

23.11.2021
0
Добавить комментарий Отменить ответ
Ваш адрес email не будет опубликован. Обязательные поля помечены *
Комментарий *
Имя *
Email *
Сайт
Архивы
Рубрики
Primelens.ru © 2019

RGB
51, 0, 51
HEX
330033 RGB
51, 0, 102
HEX
330066 RGB
51, 0, 153
HEX
330099 RGB
51, 0, 204
HEX
3300CC RGB
51, 0, 255
HEX
3300FF

RGB
51, 51, 0
HEX
333300 RGB
51, 51, 51
HEX
333333 RGB
51, 51, 102
HEX
333366 RGB
51, 51, 153
HEX
333399 RGB
51, 51, 204
HEX
3333CC RGB
51, 51, 255
HEX
3333FF

RGB
51, 102, 0
HEX
336600 RGB
51, 102, 51
HEX
336633 RGB
51, 102, 102
HEX
336666 RGB
51, 102, 153
HEX
336699 RGB
51, 102, 204
HEX
3366CC RGB
51, 102, 255
HEX
3366FF

RGB
51, 153, 0
HEX
339900 RGB
51, 153, 51
HEX
339933 RGB
51, 153, 102
HEX
339966 RGB
51, 153, 153
HEX
339999 RGB
51, 153, 204
HEX
3399CC RGB
51, 153, 255
HEX
3399FF

RGB
51, 204, 0
HEX
33CC00 RGB
51, 204, 51
HEX
33CC33 RGB
51, 204, 102
HEX
33CC66 RGB
51, 204, 153
HEX
33CC99 RGB
51, 204, 204
HEX
33CCCC RGB
51, 204, 255
HEX
33CCFF

RGB
51, 255, 0
HEX
33FF00 RGB
51, 255, 51
HEX
33FF33 RGB
51, 255, 102
HEX
33FF66 RGB
51, 255, 153
HEX
33FF99 RGB
51, 255, 204
HEX
33FFCC RGB
51, 255, 255
HEX
33FFFF

RGB
102, 0, 0
HEX
6600000000

RGB
102, 0, 51
HEX
660033

RGB
102, 0, 102
HEX
660066

RGB
102, 0, 153
HEX
660099

RGB
102, 0, 204
HEX
6600CC

RGB
102, 0, 255
HEX
6600FF

RGB
102, 51, 0
HEX
663300

RGB
102, 51, 51
HEX
663333

RGB
102, 51, 102
HEX
663366

RGB
102, 51, 153
HEX
663399

RGB
102, 51, 204
HEX
6633CC

RGB
102, 51, 255
HEX
6633FF

RGB
102, 102, 0
HEX
666600

RGB
102, 102, 51
HEX
666633

RGB
102, 102, 102
HEX
666666

RGB
102, 102, 153
HEX
666699

RGB
102, 102, 204
HEX
6666CC

RGB
102, 102, 255
HEX
6666FF

RGB
102, 153, 0
HEX
669900

RGB
102, 153, 51
HEX
669933

RGB
102, 153, 102
HEX
669966

RGB
102, 153, 153
HEX
669999

RGB
102, 153, 204
HEX
6699CC

RGB
102, 153, 255
HEX
6699FF

RGB
102, 204, 0
HEX
66CC00

RGB
102, 204, 51
HEX
66CC33

RGB
102, 204, 102
HEX
66CC66

RGB
102, 204, 153
HEX
66CC99

RGB
102, 204, 204
HEX
66CCCC

RGB
102, 204, 255
HEX
66CCFF

RGB
102, 255, 0
HEX
66FF00

RGB
102, 255, 51
HEX
66FF33

RGB
102, 255, 102
HEX
66FF66

RGB
102, 255, 153
HEX
66FF99

RGB
102, 255, 204
HEX
66FFCC

RGB
102, 255, 255
HEX
66FFFF

RGB
153, 0, 0
HEX
90

RGB 153, 0, 51 HEX 9	RGB 153, 0, 102 HEX 9
RGB 153, 0, 153 HEX 9
RGB 153, 0, 204 HEX 9900CC	RGB 153, 0, 255 HEX 9900FF
» valign=»MIDDLE» align=»CENTER»> RGB 153, 51, 51 HEX 9

» valign=»MIDDLE» align=»CENTER»> RGB
153, 51, 153
HEX
9

RGB
153, 51, 204
HEX
9933CC

RGB
153, 51, 255
HEX
9933FF

RGB
151, 102, 0
HEX
996600

RGB
153, 102, 51
HEX
996633

RGB
153, 102, 102
HEX
996666

RGB
153, 102, 153
HEX
996699

RGB
153, 102, 204
HEX
9966CC

RGB
153, 102, 255
HEX
9966FF

RGB
153, 153, 0
HEX
999900

RGB
153, 153, 51
HEX
999933

RGB
153, 153, 102
HEX
999966

RGB
153, 153, 153
HEX
999999

RGB
53, 153, 204
HEX
9999CC

RGB
153,153, 255
HEX
9999FF

RGB
153, 204, 0
HEX
99CC00

RGB
153, 204, 51
HEX
99CC33

RGB
153, 204, 102
HEX
99CC66

RGB
153, 204, 153
HEX
99CC99

RGB
153, 204, 204
HEX
99CCCC

RGB
153, 204, 255
HEX
99CCFF

RGB
153, 255, 0
HEX
99FF00

RGB
153, 255, 51
HEX
99FF33

RGB
153, 255, 102
HEX
99FF66

RGB
153, 255, 153
HEX
99FF99

RGB
153, 255, 206
HEX
99FFCC

RGB
155, 255, 255
HEX
99FFFF

RGB
204, 0, 0
HEX
CC00000 90

RGB
204, 0, 51
HEX
CC0033

RGB
204, 0, 102
HEX
CC0066

RGB
204, 0, 153
HEX
CC0099

RGB
HEX
CC00CC

RGB
204, 0, 255
HEX
CC00FF

RGB
204, 51, 0
HEX
CC3300

RGB
204, 51, 102
HEX
CC3333

RGB
204, 51, 152
HEX
CC3366

RGB
204, 51, 153
HEX
CC3399

RGB
204, 51, 204
HEX
CC33CC

RGB
204, 51, 255
HEX
CC33FF

RGB
204, 102, 0
HEX
CC6600

RGB
204, 102, 51
HEX
CC6633

RGB
204, 102, 102
HEX
CC6666

RGB
204, 102, 153
HEX
CC6699

RGB
204, 102, 204
HEX
CC66CC

RGB
204, 102, 255
HEX
CC66FF

RGB
204, 153, 0
HEX
CC9900

RGB
204, 153, 51
HEX
CC9933

RGB
204, 153, 102
HEX
CC9966

RGB
204, 153, 153
HEX
CC9999

RGB
204,153, 204
HEX
CC99CC

RGB
204, 153, 255
HEX
CC99FF

RGB
204, 204, 0
HEX
CCCC00

RGB
204, 204, 51
HEX
CCCC33

RGB
204, 204, 102
HEX
CCCC66

RGB
204, 204, 153
HEX
CCCC99

RGB
204, 204, 204
HEX
CCCCCC

RGB
204, 204, 255
HEX
CCCCFF

RGB
204, 255, 0
HEX
CCFF00

RGB
204, 255, 51
HEX
CCFF33

RGB
204, 255, 102
HEX
CCFF66

RGB
204, 255, 153
HEX
CCFF99

RGB
204, 255, 204
HEX
CCFFCC

RGB
204, 255, 255
HEX
CCFFFF

RGB
255, 0, 0
HEX
FF00080

RGB
255, 0, 51
HEX
FF0033

RGB
255, 0, 102
HEX
FF0066

RGB
255, 0, 153
HEX
FF0099

RGB
255, 0, 204
HEX
FF00CC

RGB
255, 0, 255
HEX
FF00FF

RGB
255, 51, 0
HEX
FF3300

RGB
255, 51, 51
HEX
FF3333

RGB
255, 51, 102
HEX
FF3366

RGB
255, 51, 153
HEX
FF3399

RGB
255, 51, 204
HEX
FF33CC

RGB
HEX
FF33FF

RGB
255, 102, 0
HEX
FF6600

RGB
255, 102, 51
HEX
FF6633

RGB
255, 102, 102
HEX
FF6666

RGB
255, 102, 153
HEX
FF6699

RGB
255, 102, 204
HEX
FF66CC

RGB
255, 102, 255
HEX
FF66FF

RGB
255, 153, 0
HEX
FF9900

RGB
255, 153, 51
HEX
FF9933

RGB
255, 153, 102
HEX
FF9966

RGB
255, 153, 153
HEX
FF9999

RGB
255, 153, 204
HEX
FF99CC

RGB
255, 153, 255
HEX
FF99FF

RGB
255, 204, 0
HEX
FFCC00

RGB
255, 204, 51
HEX
FFCC33

RGB
255, 204, 102
HEX
FFCC66

RGB
255, 204, 153
HEX
FFCC99

RGB
255, 204, 204
HEX
FFCCCC

255, 204, 255
HEX
FFCCFF

RGB
255, 255, 0
HEX
FFFF00

RGB
255, 255, 51
HEX
FFFF33

RGB
255, 255, 102
HEX
FFFF66

RGB
255, 255, 153
HEX
FFFF99

RGB
255, 255, 206
HEX
FFFFCC

RGB
255, 255, 255
HEX
FFFFFF

Зачем использовать Web Safe Colors?

Зачем использовать Web Safe Colors? | Джордж Орнбо

Последнее обновление 16 ноября 2019 г.

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

Приблизительное время чтения: 2 минуты

Содержание

Фон

Цвета, безопасные для Интернета или браузера, состоят из 216 цветов, которые отображают согласованный цвет без сглаживания на любом компьютере или устройстве, способном отображать 8-битный цвет. Хотя 8-битный цвет может отображать 256 цветов, постоянно отображаются только 216. Цвета, безопасные для Интернета и браузера, были определены в 1996 году, когда большинство компьютеров имели 8-битные карты.Сегодня эта цифра составляет около 3% и продолжает снижаться. Действительно, Линда Вейнман, которой приписывают изобретение цветовой палитры Web Safe Color, теперь считает, что она устарела.

Эксперимент

Используя свой Macbook Pro, я хотел проверить, как цвета отображаются при различных настройках. Поэтому я выбрал ряд безопасных для Интернета цветов, ряд умных веб-цветов и ряд цветов, которых не было ни в одной из палитр. Результаты оказались не совсем такими, как ожидалось.

Миллионы

Все цвета отображаются без дизеринга.

Тысячи

Все цвета отображаются без дизеринга.

256

Неудивительно, что в целом это выглядело ужасно. Если бы у меня был экран 256, я бы, наверное, разбил его на куски бейсбольной битой. Что было интересно, так это то, что зеленый цвет в веб-безопасных цветах был размыт. Итак, в чем смысл веб-безопасных цветов? Это только мой монитор?

Чтобы я мог забыть о безопасных для Интернета цветах?

Да, можно. Если вы не хотите проектировать для 3% 8-битных пользователей, вы можете отказаться от веб-безопасной палитры.Но большинство браузеров мобильных телефонов могут отображать только 256 цветов. Хотя они наверстают упущенное, пока что Web Safe не умер. Если вы хотите, чтобы ваш сайт был доступен для просмотра на всех мобильных устройствах, вам пока не следует отказываться от палитры.

Попробуйте сами

Мне интересно узнать, что испытывают другие пользователи/мониторы. Так почему бы не загрузить файл Photoshop или не просмотреть файл JPEG и не сообщить мне, как он выглядит для вас?

У вас есть новости или предложения по этой статье? Вы можете отредактировать его здесь и отправить мне запрос на включение.

Последние сообщения

Об авторе

Джордж Орнбо живет в Великобритании.

Он увлекается людьми, музыкой, едой и писательством. В предыдущей версии себя он писал книги по технологиям.

← http://shapeshed.com

Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)

Безопасны ли цветовые коды HTML? – Theburningofrome.com

Безопасны ли цветовые коды HTML?

Безопасные для Интернета цвета формируются комбинацией красного, зеленого и синего (RGB) шестнадцатеричных значений 0,33H,66H,99H,CCH,FFH. В результате получается 6*6*6=216 цветов. Ранее браузеры не поддерживали одновременное отображение палитры более 256 цветов. В новых веб-браузерах нет необходимости использовать только эти цвета.

Должен ли я использовать безопасные веб-цвета?

Итак, если вы ориентируетесь на такую аудиторию, лучше использовать веб-безопасные цвета, но если вы занимаетесь бизнесом, то не стоит, так как они с меньшей вероятностью будут вашими клиентами, а если вы делаете информационный сайт, блог, активистский сайт, который люди могут читать и получать информацию без необходимости платить за что-то, а затем всегда использовать …

Сколько цветов используется в безопасных веб-цветах?

216 Color
Web Safe Цвета палитры из 216 цветов.

Что такое цвет Websafe?

Цвета

Web Safe или Browser Safe состоят из 216 цветов, которые отображают однородный цвет без сглаживания на любом компьютере или устройстве, способном отображать 8-битный цвет. Цвета, безопасные для Интернета и браузера, были определены в 1996 году, когда большинство компьютеров имели 8-битные карты. Сегодня эта цифра составляет около 3% и продолжает снижаться.

Как узнать, безопасен ли цвет для Интернета?

Цвета

Web Safe или Browser Safe состоят из 216 цветов, которые отображают однородный цвет без сглаживания на любом компьютере или устройстве, способном отображать 8-битный цвет.Хотя 8-битный цвет может отображать 256 цветов, постоянно отображаются только 216.

Какой цвет считается безопасным для Интернета?

Что такое безопасные веб-цвета? Палитры Web Safe или Browser Safe, как их также называют, состоят из 216 цветов, которые отображаются сплошными, несмешанными и согласованными на любом мониторе компьютера или в веб-браузере, способном отображать как минимум 8-битный цвет (256 цветов). .

Какой цвет браузера безопасен?

Безопасные для браузера цвета выражаются количеством КРАСНОГО, ЗЕЛЕНОГО и СИНЕГО в шестнадцатеричном коде (HEX) и всегда в этом порядке.В прилагаемой таблице цветовые коды HEX сравниваются со значениями RGB и процентным соотношением каждого цвета.

Как использовать цветовые коды HTML?

Наиболее распространенный способ раскрашивания HTML-текста — использование шестнадцатеричных цветовых кодов (для краткости — шестнадцатеричный код). Просто добавьте атрибут стиля к текстовому элементу, который вы хотите раскрасить — абзацу в приведенном ниже примере — и используйте свойство цвета с вашим шестнадцатеричным кодом.

Какие цвета подходят для Интернета?

Безопасные для Интернета цвета формируются комбинацией красного, зеленого и синего ( RGB ) шестнадцатеричных значений 0,33H,66H,99H,CCH, FFH .В результате получается 6*6*6=216 цветов. Ранее браузеры не поддерживали одновременное отображение палитры более 256 цветов.

Каковы все цвета HTML?

HTML распознает следующие 16 названий цветов: бирюзовый, черный, синий, фуксия, серый, зеленый, лаймовый, темно-бордовый, темно-синий, оливковый, фиолетовый, красный, серебристый, бирюзовый, белый и желтый.

Имеют ли значение безопасные для Интернета цвета?

С другой стороны, использование цвета Web Safe должно давать более чистое изображение, как показано справа. Используйте безопасные для Интернета цвета для текста, будь то текст, сгенерированный в формате HTML, или изображения в формате GIF. Цвета будут отображаться правильно и не будут разбиваться на мониторах с проблемной цветопередачей, поэтому их будет легче читать.

Какой оранжевый цвет в HTML?

Цвет HTML / CSS Название цвета Шестнадцатеричный код #RRGGBB Десятичный код (R,G,B) коралловый: #FF7F50: rgb(255,127,80) томатный: #FF6347: rgb(255,99,71) оранжевыйкрасный: #FF4500: rgb (255,69,0)

изображений и цветов

Конспект лекций — Цвет

Цвета

R Посетите веб-страницу о безопасных для Интернета цветах:
http://www. lynda.com/hex.html

Цветовая таблица для веб-сайтов W3Schools:
http://www.w3schools.com/html/html_colors.asp
(эту страницу можно найти, перейдя на домашнюю страницу W3Schools, Страница «Изучение HTML». Там вы найдете ссылку на «Цвета HTML».)

Посетите таблица названий цветов (многие из них НЕ являются частью веб-безопасной палитры)
Ссылка на эту страницу находится на странице «Изучение HTML». Найдите ссылку на «HTML Colornames»

Необходимость использования «веб-безопасных» цветов вызывает споры, поскольку современные компьютеры обычно могут обрабатывать любой цвет.Однако, как студент веб-дизайна, вы должны знать, что такое «веб-безопасная цветовая палитра» и как ее использовать! Посещение указанного выше онлайн-ресурса (lynda.com) даст вам больше информации об этой важной концепции! Для этого проекта вам необходимо использовать «веб-безопасный» цвет для цвета фона одной из ваших страниц и цвет из таблицы названий цветов для другой страницы. Диаграммы можно найти в разделе «Изучение HTML» на веб-сайте W3Schools.

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

При изменении цвета текста с помощью CSS имя свойства — color.
При добавлении цвета фона к элементу имя свойства — background-color.

Лучший способ назначить цвет в CSS — использовать шестизначный код цвета. Шестизначный код цвета должен начинаться со знака #.

Примеры CSS, используемые для добавления цвета текста и фона на веб-сайт:

Предположим, вы хотите, чтобы цвет фона ваших веб-страниц был темно-синим с белым текстом.

Цветовой код темно-синего цвета #0000cc.
Код цвета для белого — #ffffff.

CSS выглядит следующим образом:

тело
{фоновый цвет:#0000cc;
цвет:#ffffff}

Предположим, вы хотите, чтобы все заголовки уровня 1 были черным текстом на сером фоне.

Цветовой код черного цвета #000000.
Цветовой код светло-серого — #cccccc.

CSS выглядит следующим образом:

h2
{цвет:#000000;
background-color:#cccccc}

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

CSS выглядит следующим образом:

h3
{цвет:#009966;
цвет фона:#ffff99}

Вопросы для самопроверки

На основе информации на веб-сайте W3Schools ответьте на следующие вопросы:

Сколько цветов в цветовой палитре websafe?
Если я выберу цвет #ffccff в качестве цвета фона моей страницы, напишите код правила стиля, чтобы страница отображала цвет фона.
Все безопасные для Интернета цветовые коды имеют цветовой код, состоящий из трех наборов двузначных цифр.Примеры: неоново-зеленый цвет — #00FF00, темно-синий — #3300CC. Посетите страницу w3schools, чтобы увидеть 216 кроссплатформенных цветов. Какие буквы вы видите в кодах?
Какие числа вы видите как двузначные в безопасных для Интернета цветовых кодах?
В таблице цветов 216 Cross Platform в W3Schools прокрутите вниз, чтобы найти самый бледно-желтый цвет в последних двух столбцах таблицы. Каков кодовый номер самого светлого желтого цвета из списка безопасных для Интернета цветов?
В таблице цветов 216 Cross Platform в W3Schools прокрутите вниз, чтобы найти самый бледно-синий цвет в последних двух столбцах таблицы.Каков кодовый номер самого светло-синего цвета из списка безопасных для Интернета цветов?
В таблице цветов 216 Cross Platform в W3Schools прокрутите вниз, чтобы найти самый бледно-зеленый цвет в последних двух столбцах таблицы. Каков кодовый номер самого светло-зеленого цвета из списка безопасных для Интернета цветов?
Посетите веб-страницу w3schools, чтобы просмотреть справочник по именам цветов HTML. Многие из этих кодов НЕ содержат трех наборов двойных цифр. Назовите кодовый номер цвета для «античный белый».
В этом курсе вы всегда должны использовать шестизначные цветовые коды для представления значения цвета в кодах. W3C предоставил список из 16 названий цветов, которые будут приняты валидатором при использовании в коде. Каковы 16 названий цветов, которые будут проверяться с помощью валидатора HTML, согласно учебнику по цветам в w3schools?
Что рекомендуется использовать при кодировании всех остальных цветов?

Ответы на вопросы для самопроверки

216 цветов
тело {цвет фона: #ffccff}
С и F
0,3,6 и 9
#FFFFCC
#CCFFFF
#CCFFCC
#FAEBD7
бирюзовый, черный, синий, фуксия, серый, зеленый, салатовый, темно-бордовый, темно-синий, оливковый, пурпурный, красный, серебристый, бирюзовый, белый и желтый
Шестизначный код цвета

цветов RGB HTML (безопасно для Интернета)

#000000(черный)	№ 000080 (темно-синий)	#0000FF(синий)	#008000(зеленый)
№ 008080 (бирюзовый)	#00FF00(лайм)	#00FFFF(цвет морской волны)	№ 800000 (бордовый)
#800080 (фиолетовый)	#808000(оливковый)	#808080(серый)	#C0C0C0(серебро)
#FF0000(красный)	#FF00FF(фуксия)	#FFFF00(желтый)	#FFFFFF(белый)

Сейчас это менее важно, чем несколько лет назад, они могут вернуться (временно), если новые популярность доступа в Интернет с небольшого оборудования (мобильный телефон, КПК и т. д.).) воспроизводит цветопередачу опять проблематично. (Эту таблицу можно использовать в качестве основы для упражнения 7, стр. 477 книги Бьярна Страуструпа «Принципы программирования и практика с использованием C++»).

#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

#9	#9
#9
#9900CC	#9900FF
«> #9

«> #9

#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(белый)

Вернуться на главную страницу

216 веб-безопасных цветов HTML

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

## ## ## = Красный Зеленый Синий

Вы можете копировать и вставлять шестнадцатеричные значения прямо из ячеек. Если у вас есть Paint Shop Pro, вы можете загрузить файл палитры (1 КБ) с настроенными и готовыми к использованию цветами HTML.

990
033

FF3
366

CC0
033

FF0
033

FF9
999

СС3
366

FFC
CFF

СС6
699

660
033

СС3
399

FF9
9CC

FF6
6CC

FF9
9FF

FF6
699

CC0
066

FF0
066

FF3
399

FF0
099

FF3
3CC

FF0
0CC

ФФ6
6ФФ

ФФ3
3ФФ

FF0
0FF

CC0
099

990
066

СС6
6СС

СС3
3СС

CC9
9FF

CC6
6FF

CC3
3FF

CC0
0CC

CC0
0FF

990
0CC

990
099

СС9
9СС

996
699

663
366

660
099

993
3CC

660
066

990
0FF

993
3FF

996
6CC

330
033

663
399

663
3CC

660
0CC

996
6FF

330
066

660
0FF

663
3FF

CCC
CFF

999
9FF

999
9CC

666
6CC

666
6FF

666
699

333
366

333
399

330
099

330
0CC

330
0FF

333
3FF

333
3CC

006
6FF

003
3FF

336
6FF

336
6CC

000
066

000
033

000
0FF

000
099

003
3CC

000
0CC

336
699

006
6CC

99C
CFF

669
9FF

003
366

669
9CC

006
699

339
9CC

009
9CC

66C
CFF

339
9FF

003
399

009
9FF

33C
CFF

00C
CFF

99F
ФФФ

66F
FFF

33F
ФФФ

00F
ФФФ

00C
ССС

0099
99

669
999

99C
ССС

CCF
FFF

33C
ССС

66C
ССС

339
999

336
666

006
666

003
333

00F
Федеральная комиссия по связи

33F
Федеральная комиссия по связи

33С
С99

00С
С99

66F
Федеральная комиссия по связи

99F
FCC

00F
F99

339
966

006
633

336
633

669
966

66С
С66

99F
F99

66F
F66

339
933

99С
С99

66F
F99

33F
F99

33С
С66

00С
С66

66С
С99

009
966

009
933

33F
F66

00F
F66

CCF
FCC

CCF
F99

99F
F66

99F
F33

00F
F33

33F
F33

00С
С33

33С
С33

66F
F33

00F
F00

66C
C33

006
600

003
300

009
900

33F
Ф00

66F
F00

99F
F00

66C
C00

00С
С00

33С
С00

339
900

99С
С66

669
933

99C
C33

336
600

669
900

99C
C00

CCF
F66

CCF
F33

CCF
F00

999
900

ССС
С00

ССС
С33

333
300

666
600

999
933

ССС
С66

666
633

999
966

ССС
С99

FFF
FCC

FFF
F99

ФФФ
F66

ФФФ
F33

FFF
F00

FFC
C00

ФФК
С66

ФФК
С33

CC9
933

996
600

CC9
900

FF9
900

CC6
600

CC6
633

663
300

FF9
966

FF6
633

FF9
933

FF6
600

CC3
300

996
633

330
000

663
333

996
666

CC9
999

CC6
666

FFC
ССС

FF3
333

СС3
333

FF6
666

660
000

990
000

CC0
000

FF0
000

FF3
300

CC9
966

ФФК
С99

ФФФ
ФФФ

ССС
ССС

999
999

666
666

333
333

000
000

Как использовать эти цвета HTML

Эти значения можно использовать в теге . Ниже приведены несколько примеров вместе с кодом, используемым для создания эффекта. Обратите внимание, что слово «цвет» пишется по-американски, а не по-британски.

Вот красный текст Вот зеленый текст Вот желтый текст
Вот красный текст Зеленый текст Вот желтый текст

На странице наших таблиц есть раздел, объясняющий, как добавить цвет к таблицам HTML.

(Архив) HTML: Цвета и фоны

Эта статья основана на устаревшем программном обеспечении.

ПРИМЕЧАНИЕ. HTML-страницы устарели и не будут обновляться.

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

Помимо этих предупреждений, целью данного руководства является описание атрибутов тегов HTML, которые работают с тегами, и

и позволяют изменять цвет текста, ссылок и фона.

Определения

Пример приведенных ниже атрибутов в том виде, в котором они используются в документе, см. в разделе «Синтаксис» ниже.

Атрибуты цвета, используемые с тегом

Атрибут	Описание
БГЦОЛОР	Применяет сплошной цвет фона к тексту вашей страницы
ТЕКСТ	Цвет вашего текста
ССЫЛКА	Цвет ссылки до ее посещения
ВЛИНК	Цвет ссылки после ее посещения (Visited Link)
АЛИНК	Цвет доли секунды ссылки при ее выборе (активная ссылка)
ФОН	Графический фон, созданный путем размещения изображения по вашему выбору на экране

Названия и номера цветов

Для представления цвета нам нужно использовать либо имя цвета, либо шестнадцатеричный числовой эквивалент. Начиная с Netscape 2.0 и Internet Explorer 3.0, мы можем использовать следующие имена цветов:

Названия цветов

АКВА	ЧЕРНЫЙ	СИНИЙ	ФУКСИЯ
СЕРЫЙ	ЗЕЛЕНЫЙ	ИЗВЕСТЬ	БОРОТОВЫЙ
ТЕМНО-СИНИЙ	ОЛИВКОВЫЙ	ФИОЛЕТОВЫЙ	КРАСНЫЙ
СЕРЕБРО	бирюзовый	БЕЛЫЙ	ЖЕЛТЫЙ

Однако имейте в виду, что названия цветов не являются универсальными.Netscape 2.0 и Internet Explorer 3.0 должны читать приведенные выше названия цветов, но другие браузеры (особенно старые браузеры) могут этого не делать. Более всеобъемлющим методом представления цвета является использование шестнадцатеричного числового эквивалента. Например, шестнадцатеричное число для синего — 0000FF. Используйте знак решетки (#) с шестнадцатеричным числом, заключенным в кавычки (например, «#0000FF»).

Ниже приведены некоторые часто используемые номера цветов.

Шестнадцатеричные номера цветов

Цвет	Код
Черный	«#000000»
Синий	«#0000FF»
Белый	«#FFFFFF»
Красный	«#FF0000»
Зеленый	«#00FF00»
Пурпурный	«#FF00FF»
Желтый	«#FFFF00»

Синтаксис

Вот простой пример страницы атрибутов цвета и фона при работе с тегом:

<ГОЛОВА>
Выражение себя с помощью цвета

Выражение себя с помощью цвета

В этом примере фон черный, а текст желтый. Ссылки красные, посещенные ссылки белые, но становятся зелеными при первом выборе.

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

Обратите внимание на команду BACKGROUND, используемую в каждом из приведенных выше примеров.Эта команда используется, когда вы хотите использовать для фона изображение из графического файла, а не название или номер цвета. Фраза «путь/имя файла» относится к выбранному вами фоновому изображению. Вы должны вставить путь к папке или каталогу и имя файла вашего фона между кавычками после команды background. Атрибут BACKGROUND будет объяснен более подробно в следующем разделе.

Цветовой код Ресурс

Краткий справочник по синтаксису цветовых кодов см. на странице HTML-коды для цветов и фона.

Фоны

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

Использование кода фонового атрибута

Атрибут BACKGROUND используется в команде BODY. Ниже приведен пример кодирования атрибута BACKGROUND:

<ФОН ТЕЛА="путь/имя файла">

Имя файла или расположение фонового цвета или изображения вставляется как путь/имя файла.

ПРЕДУПРЕЖДЕНИЕ. Даже если вы используете атрибут BACKGROUND для доступа к фоновому изображению, вы все равно можете указать BGCOLOR.Некоторые пользователи могут отключить автоматическую загрузку изображений, и в этом случае фоновое изображение загружаться не будет. Если вы не указали BGCOLOR, ваши цвета текста также будут игнорироваться. Компьютер делает это в качестве превентивной меры; без фона некоторые цвета текста могут стать нечитаемыми. Однако если вы укажете сопоставимый BGCOLOR и отключите автоматическую загрузку изображений, вы все равно сможете сохранить цветовую схему, разработанную для страницы.

Создание фонового изображения

Существует два способа создания фонового изображения для документа: сохранение фонового изображения с сайта цветных ресурсов и создание собственного фона в графической программе.

Использование фоновой графики с сайта цветных ресурсов

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

Зайдите на сайт и найдите понравившийся образец.
Укажите на нужный образец.
Пользователи Macintosh, нажмите и удерживайте кнопку мыши.
Пользователи Windows, щелкните правой кнопкой мыши.
Выберите Сохранить это изображение как. . .
В появившемся диалоговом окне измените местоположение, чтобы указать, где вы хотите сохранить документ.
При необходимости измените имя файла.
Щелкните Сохранить.

Создание собственного фона

Вы также можете создать свой собственный сплошной или узорчатый фон в графической программе. Есть две причины, по которым вы можете выбрать этот вариант:

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

Чтобы обойти размытые цвета или создать собственный фоновый узор, используйте графическую программу (например, Photoshop), чтобы создать небольшой квадрат нужного цвета или узора. Затем вставьте соответствующее имя файла в фоновую команду Netscape внутри тела, например:

<ФОН ТЕЛА="blugreen.gif">

Другие метки управления цветом

Описанные выше атрибуты цвета управляют цветом фона, текста и ссылок в теге. Таким образом, эти атрибуты применяются ко всему документу. Браузеры Netscape 2.0 и выше, а также Internet Explorer 3.0 также позволяют управлять цветом шрифта для слов или фраз с помощью тега , заменяя «цвет» либо названием цвета, либо шестнадцатеричным числом, например:

Этот текст будет окрашен

Вы также можете использовать тег в таблицах (таблицы Color Names & Numbers и Hexadecimal Color Number являются примерами использования цвета в кодах таблиц.:

Это закрасит фон всей таблицы

Это закрасит фон всей строки

Окрашивает фон только внутри этой ячейки