Товаров: 0 (0р.)

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

Содержание

Таблица кодировок цветов 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.204255.255.153255.255.102255.255.51255.255.0204.204.0
FFFFCCFFFF99FFFF66FFFF33FFFF00CCCC00
      
255. 204.102255.204.0255.204.51204.153.0204.153.51153.102.0
FFCC66FFCC00FFCC33CC9900CC9933996600
      
255.153.0255.153.51204.153.102204.102.0153.102.51102.51.0
FF9900FF9933CC9966CC6600996633663300
      
255.204.153255.153.102255.102.0204.102.51153. 51.0102.0.0
FFCC99FF9966FF6600CC6633993300660000
      
255.102.51204.51.0255.51.0255.0.0204.0.0153.0.0
FF6633CC3300FF3300FF0000CC0000990000
      
255.204.204255.153.153255.102.102255.51.51255.0.51204.0.51
FFCCCCFF9999FF6666FF3333FF0033CC0033
      
204. 153.153204.102.102204.51.51153.51.51153.0.5151.0.0
CC9999CC6666CC3333993333990033330000
      
255.102.153255.51.102255.0.102204.51.102153.102.102102.51.51
FF6699FF3366FF0066CC3366996666663333
      
255.153.204255.51.153255.0.153204.0.102153. 51.102102.0.51
FF99CCFF3399FF0099CC0066993366660033
      
255.102.204255.0.204255.51.204204.102.153204.0.153153.0.102
FF66CCFF00CCFF33CCCC6699CC0099990066
      
255.204.255255.153.255255.102.255255.51.255255.0.255204.51.153
FFCCFFFF99FFFF66FFFF33FFFF00FFCC3399
      
204. 153.204204.102.204204.0.204204.51.204153.0.153153.51.153
CC99CCCC66CCCC00CCCC33CC990099993399
      
204.102.255204.51.255204.0.255153.0.204153.102.153102.0.102
CC66FFCC33FFCC00FF9900CC996699660066
      
204.153.255153.51.204153.51.255153.0.255102. 0.153102.51.102
CC99FF9933CC9933FF9900FF660099663366
      
153.102.204153.102.255102.0.204102.51.204102.51.15351.0.51
9966CC9966FF6600CC6633CC663399330033
      
204.204.255153.153.255102.51.255102.0.25551.0.15351.0.102
CCCCFF9999FF6633FF6600FF330099330066
      
153. 153.204102.102.255102.102.204102.102.15351.51.15351.51.102
9999CC6666FF6666CC666699333399333366
      
51.51.25551.0.25551.0.20451.51.2040.0.1530.0.102
3333FF3300FF3300CC3333CC000099000066
      
102.153.25551.102.2550.0.2550.0.2040.51.2040. 0.51
6699FF3366FF0000FF0000CC0033CC000033
      
0.102.2550.102.20451.102.2040.51.2550.51.1530.51.102
0066FF0066CC3366CC0033FF003399003366
      
153.204.25551.153.2550.153.255102.153.20451.102.1530.102.153
99CCFF3399FF0099FF6699CC336699006699
      
102. 204.25551.204.2550.204.25551.153.2040.153.2040.51.51
66CCFF33CCFF00CCFF3399CC0099CC003333
      
153.204.204102.204.20451.153.153102.153.1530.102.10251.102.102
99CCCC66CCCC339999669999006666336666
      
204.255.255153.255.255102.255.25551.255.2550. 255.2550.204.204
CCFFFF99FFFF66FFFF33FFFF00FFFF00CCCC
      
153.255.204102.255.20451.255.2040.255.20451.204.2040.153.153
99FFCC66FFCC33FFCC00FFCC33CCCC009999
      
102.204.15351.204.1530.204.15351.153.1020.153.1020.102.51
66CC9933CC9900CC99339966009966006633
      
102. 255.15351.255.1530.255.15351.204.1020.204.1020.153.51
66FF9933FF9900FF9933CC6600CC66009933
      
153.255.153102.255.10251.255.1020.255.10251.153.510.102.0
99FF9966FF6633FF6600FF66339933006600
      
204.255.204153.204.153102.204.102102.153.10251. 102.510.51.0
CCFFCC99CC9966CC66669966336633003300
      
51.255.510.255.510.255.00.204.051.204.510.204.51
33FF3300FF3300FF0000CC0033CC3300CC33
      
102.255.0102.255.5151.255.051.204.051.153.00.153.0
66FF0066FF3333FF0033CC00339900009900
      
204. 255.153153.255.102102.204.0102.204.51102.153.5151.102.0
CCFF9999FF6666CC0066CC33669933336600
      
153.255.0153.255.51153.204.102153.204.0153.204.51102.153.0
99FF0099FF3399CC6699CC0099CC33669900
      
204.255.102204.255.0204.255.51204.204.153102. 102.5151.51.0
CCFF66CCFF00CCFF33CCCC99666633333300
      
204.204.102204.204.51153.153.51153.153.102153.153.0102.102.0
CCCC66CCCC33999966999933999900666600
      
255.255.255204.204.204153.153.153102.102.10251.51.510.0.0
FFFFFFCCCCCC999999666666333333000000
      

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

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

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

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

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


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

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

  1. цвет морской волны — Aqua,
  2. черный — Black,
  3. синий — Blue,
  4. фуксия — Fuchsia,
  5. серый — Gray,
  6. зеленый — Green,
  7. лайм — Lime,
  8. темно-бордовый — Maroon,
  9. темно-синий — Navy,
  10. оливковый — Olive,
  11. фиолетовый — Purple,
  12. красный — Red,
  13. серебристый — Silver,
  14. бирюзовый — Teal,
  15. белый — White,
  16. желтый — Yellow.

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

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

Название в HTMLHTML кодЦвет
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,102255,204,51255,204,0204,153,0153,102,0
FFCC66FFCC33FFCC00CC9900996600
     
255,204,153204,153,102204,153,51153,102,51102,51,0
FFCC99CC9966CC9933996633663300
     
255,153,102255,153,51255,153,0204,102,51204,102,0
FF9966FF9933FF9900CC6633CC6600
     
255,102,51255,102,0255,51,0204,51,0153,51,0
FF6633FF6600FF3300CC3300993300
     
255,204,204204,153,153153,102,102102,51,5151,0,0
FFCCCCCC9999996666663333330000
     
255,153,153204,102,102204,51,51153,51,51102,0,0
FF9999CC6666CC3333993333660000
     
255,102,102255,51,51255,0,0204,0,0153,0,0
FF6666FF3333FF0000CC0000990000
     
255,102,153255,51,102255,0,51204,0,51153,0,51
FF6699FF3366FF0033CC0033990033
     
255,153,204204,102,153204,51,102153,51,102102,0,51
FF99CCCC6699CC3366993366660033
     
255,51,153255,0,153255,0,102204,0,102153,0,102
FF3399FF0099FF0066CC0066990066
     
255,102,204255,51,204255,0,204204,51,153204,0,153
FF66CCFF33CCFF00CCCC3399CC0099
     
255,204,255204,153,204153,102,153102,51,10251,0,51
FFCCFFCC99CC996699663366330033
     
255,153,255204,102,204204,51,204153,51,153102,0,102
FF99FFCC66CCCC33CC993399660066
     
255,102,255255,51,255255,0,255204,0,204153,0,153
FF66FFFF33FFFF00FFCC00CC990099
     
204,102,255204,51,255204,0,255153,0,204102,0,153
CC66FFCC33FFCC00FF9900CC660099
     
204,153,255153,102,204153,51,204102,51,15351,0,102
CC99FF9966CC9933CC663399330066
     
153,102,255153,51,255153,0,255102,51,204102,0,204
9966FF9933FF9900FF6633CC6600CC
     
102,51,255102,0,25551,0,25551,0,20451,0,153
6633FF6600FF3300FF3300CC330099
     
204,204,255153,153,204102,102,15351,51,1020,0,51
CCCCFF9999CC666699333366000033
     
153,153,255102,102,20451,51,20451,51,153
9999FF6666CC3333CC333399000066
     
102,102,25551,51,2550,0,2550,0,2040,0,153
6666FF3333FF0000FF0000CC000099
     
102,153,25551,102,2550,51,2550,51,2040,51,153
6699FF3366FF0033FF0033CC003399
     
153,204,255102,153,20451,102,20451,102,1530,51,102
99CCFF6699CC3366CC336699003366
     
51,153,2550,153,2550,102,2550,102,2040,102,153
3399FF0099FF0066FF0066CC006699
     
102,204,25551,204,2550,204,25551,153,2040,153,204
66CCFF33CCFF00CCFF3399CC0099CC
     
204,255,255153,204,204102,153,15351,102,1020,51,51
CCFFFF99CCCC669999336666003333
     
153,255,255102,204,20451,204,20451,153,1530,102,102
99FFFF66CCCC33CCCC339999006666
     
102,255,25551,255,2550,255,2550,204,2040,153,153
66FFFF33FFFF00FFFF00CCCC009999
     
102,255,20451,255,2040,255,2040,204,1530,153,102
66FFCC33FFCC00FFCC00CC99009966
     
153,255,204102,204,15351,204,15351,153,1020,102,51
99FFCC66CC9933CC99339966006633
     
102,255,15351,255,1530,255,15351,204,1020,104,102
66FF9933FF9900FF9933CC6600CC66
     
51,255,1020,255,1020,255,510,204,510,153,51
33FF6600FF6600FF3300CC33009933
     
153,255,153153,204,153102,153,10251,102,510,51,0
99FF9999CC99669966336633003300
     
204,255,204102,204,10251,204,5151,153,510,102,0
CCFFCC66CC6633CC33339933006600
     
102,255,10251,255,510,255,00,204,00,153,0
66FF6633FF3300FF0000CC00009900
     
153,255,102102,255,5151,255,051,204,051,153,0
99FF6666FF3333FF0033CC00339900
     
204,255,153153,204,102102,204,51102,153,5151,102,0
CCFF9999CC6666CC33669933336600
     
153,255,51153,255,0102,255,0102,204,0102,153,0
99FF3399FF0066FF0066CC00669900
     
204,255,102204,255,51204,255,0153,204,51153,204,0
CCFF66CCFF33CCFF0099CC3399CC00
     
255,255,204204,204,153153,153,102102,102,5151,51,0
FFFFCCCCCC99999966666633333300
     
255,255,153204,204,102204,204,51153,153,51102,102,0
FFFF99CCCC66CCCC33999933666600
     
255,255,102255,255,51255,255,0204,204,0153,153,0
FFFF66FFFF33FFFF00CCCC00999900
     
255,255,255204,204,204153,153,153102,102,10251,51,510,0,0
FFFFFFCCCCCC999999666666333333000000
      

Каждый 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, этот сайт позволяет предварительно просмотреть различные варианты цвета и фона на экране.

    Наконечники

    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? | Джордж Орнбо

    Последнее обновление

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

    Приблизительное время чтения: 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 ответьте на следующие вопросы:

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

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

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

     

    цветов 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.

    Политика конфиденциальности
    Advanced HTML Home
    Copyright © 1997 — 2022
    Hosted by 1&1

    (Архив) 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 и отключите автоматическую загрузку изображений, вы все равно сможете сохранить цветовую схему, разработанную для страницы.

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

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

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

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

    1. Зайдите на сайт и найдите понравившийся образец.

    2. Укажите на нужный образец.

    3. Пользователи Macintosh, нажмите и удерживайте кнопку мыши.
      Пользователи Windows, щелкните правой кнопкой мыши.

    4. Выберите Сохранить это изображение как. . .

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

    6. При необходимости измените имя файла.

    7. Щелкните Сохранить.

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

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

    • Для создания определенного узора или рисунка или

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

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

    .

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

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

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

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

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

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

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