Таблица кодировок цветов HTML . Таблица цветов CSS. HTML safe Color Codes. «Безопасные» цвета HTML. Палитра цветов HTML
Справочно: спецсимволы HTML
Таблица цветов HTML . Таблица цветов CSS. HTML safe Color Codes. «Безопасные» цвета HTML. Палитра цветов HTML.
Сперва брузеры не поддерживали никаких цветов, кроме 256 «безопсных»:
Цвет: Color
Шестнадцатеричный код:
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:
63 = 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
Если не устраивают безопасные цвета, то можно создать свой цвет, используя
При выборе цвета надо обязательно учитывать то обстоятельство, что у людей существуют ассоциации, связанные с определенным цветом, которые приведены ниже:
Цвета очень важны, чтобы придать вашему сайту хороший внешний вид. Вы можете указать цвета на уровне страницы, используя тег <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 Safe Colors? | Джордж Орнбо
Последнее обновление
Я всегда проектировал с использованием цветовой палитры, безопасной для Интернета.Недавно я понял, что на самом деле не знаю, почему. После небольшого исследования может показаться, что это менее актуально, чем я думал.
Приблизительное время чтения: 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 (безопасно для Интернета)
цветов 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
#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, которые работают с тегами
, и
и позволяют изменять цвет текста, ссылок и фона.
Определения
Пример приведенных ниже атрибутов в том виде, в котором они используются в документе, см. в разделе «Синтаксис» ниже.
Атрибуты цвета, используемые с тегом
Атрибут
Описание
БГЦОЛОР
Применяет сплошной цвет фона к тексту вашей страницы
ТЕКСТ
Цвет вашего текста
ССЫЛКА
Цвет ссылки до ее посещения
ВЛИНК
Цвет ссылки после ее посещения (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 являются примерами использования цвета в кодах таблиц.:
Это закрасит фон всей таблицы
Это закрасит фон всей строки
Окрашивает фон только внутри этой ячейки
Цветовые и фоновые ресурсы
Безопасные цвета браузера (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 фоновое изображение загружается ПОСЛЕ текста и встроенных изображений, что, по-видимому, ускоряет процесс загрузки.
Настройка цветов и фона выполняется один раз для всего документа; вы не можете изменить эти элементы управления для части страницы.