HTML цвета - таблица HTML кодов цветов. Кодировка цветов


HTML цвета - таблица HTML кодов цветов

На этой странице представлены html цвета. Очень часто при верстке HTML страниц приходится задавать цвет тем или иным элементам на странице, в данной таблице приведены html и RGB коды цветов и их буквенное написание.

HTML цвета

При изучении уроков по HTML или CSS вам часто придется прибегать к помощи данной таблицы. В HTML и CSS предусмотрено два способа  определения цвета:    - буквенное написание цвета, оно представлено в первом столбце;- с помощью указания HTML кода цвета, оно представлено в третьем столбце.

Буквенное написание

Цвет

HTML коды

RGB коды

Snow

#FFFAFA

255 250 250

GhostWhite

#F8F8FF

248 248 255

WhiteSmoke

#F5F5F5

245 245 245

Gainsboro

#DCDCDC

220 220 220

FloralWhite

#FFFAF0

255 250 240

OldLace

#FDF5E6

253 245 230

Linen

#FAF0E6

250 240 230

AntiqueWhite

#FAEBD7

250 235 215

PapayaWhip

#FFEFD5

255 239 213

BlanchedAlmond

#FFEBCD

255 235 205

Bisque

#FFE4C4

255 228 196

PeachPuff

#FFDAB9

255 218 185

NavajoWhite

#FFDEAD

255 222 173

Moccasin

#FFE4B5

255 228 181

Cornsilk

#FFF8DC

255 248 220

Ivory

#FFFFF0

255 255 240

LemonChiffon

#FFFACD

255 250 205

Seashell

#FFF5EE

255 245 238

Honeydew

#F0FFF0

240 255 240

MintCream

#F5FFFA

245 255 250

Azure

#F0FFFF

240 255 255

AliceBlue

#F0F8FF

240 248 255

lavender

#E6E6FA

230 230 250

LavenderBlush

#FFF0F5

255 240 245

MistyRose

#FFE4E1

255 228 225

White

#FFFFFF

255 255 255

Black

#000000

0 0 0

DarkSlateGray

#2F4F4F

47 79 79

DimGrey

#696969

105 105 105

SlateGrey

#708090

112 128 144

LightSlateGray

#778899

119 136 153

Grey

#BEBEBE

190 190 190

LightGray

#D3D3D3

211 211 211

MidnightBlue

#191970

25 25 112

NavyBlue

#000080

0 0 128

CornflowerBlue

#6495ED

100 149 237

DarkSlateBlue

#483D8B

72 61 139

SlateBlue

#6A5ACD

106 90 205

MediumSlateBlue

#7B68EE

123 104 238

LightSlateBlue

#8470FF

132 112 255

MediumBlue

#0000CD

0 0 205

RoyalBlue

#4169E1

65 105 225

Blue

#0000FF

0 0 255

DodgerBlue

#1E90FF

30 144 255

DeepSkyBlue

#00BFFF

0 191 255

SkyBlue

#87CEEB

135 206 235

LightSkyBlue

#87CEFA

135 206 250

SteelBlue

#4682B4

70 130 180

LightSteelBlue

#B0C4DE

176 196 222

LightBlue

#ADD8E6

173 216 230

PowderBlue

#B0E0E6

176 224 230

PaleTurquoise

#AFEEEE

175 238 238

DarkTurquoise

#00CED1

0 206 209

MediumTurquoise

#48D1CC

72 209 204

Turquoise

#40E0D0

64 224 208

Cyan

#00FFFF

0 255 255

LightCyan

#E0FFFF

224 255 255

CadetBlue

#5F9EA0

95 158 160

MediumAquamarine

#66CDAA

102 205 170

Aquamarine

#7FFFD4

127 255 212

DarkGreen

#006400

0 100 0

DarkOliveGreen

#556B2F

85 107 47

DarkSeaGreen

#8FBC8F

143 188 143

SeaGreen

#2E8B57

46 139 87

MediumSeaGreen

#3CB371

60 179 113

LightSeaGreen

#20B2AA

32 178 170

PaleGreen

#98FB98

152 251 152

SpringGreen

#00FF7F

0 255 127

LawnGreen

#7CFC00

124 252 0

Green

#00FF00

0 255 0

Chartreuse

#7FFF00

127 255 0

MedSpringGreen

#00FA9A

0 250 154

GreenYellow

#ADFF2F

173 255 47

LimeGreen

#32CD32

50 205 50

YellowGreen

#9ACD32

154 205 50

ForestGreen

#228B22

34 139 34

OliveDrab

#6B8E23

107 142 35

DarkKhaki

#BDB76B

189 183 107

PaleGoldenrod

#EEE8AA

238 232 170

LtGoldenrodYello

#FAFAD2

250 250 210

LightYellow

#FFFFE0

255 255 224

Yellow

#FFFF00

255 255 0

Gold

#FFD700

255 215 0

LightGoldenrod

#EEDD82

238 221 130

goldenrod

#DAA520

218 165 32

DarkGoldenrod

#B8860B

184 134 11

RosyBrown

#BC8F8F

188 143 143

IndianRed

#CD5C5C

205 92 92

SaddleBrown

#8B4513

139 69 19

Sienna

#A0522D

160 82 45

Peru

#CD853F

205 133 63

Burlywood

#DEB887

222 184 135

Beige

#F5F5DC

245 245 220

Wheat

#F5DEB3

245 222 179

SandyBrown

#F4A460

244 164 96

Tan

#D2B48C

210 180 140

Chocolate

#D2691E

210 105 30

Firebrick

#B22222

178 34 34

Brown

#A52A2A

165 42 42

DarkSalmon

#E9967A

233 150 122

Salmon

#FA8072

250 128 114

LightSalmon

#FFA07A

255 160 122

Orange

#FFA500

255 165 0

DarkOrange

#FF8C00

255 140 0

Coral

#FF7F50

255 127 80

LightCoral

#F08080

240 128 128

Tomato

#FF6347

255 99 71

OrangeRed

#FF4500

255 69 0

Red

#FF0000

255 0 0

HotPink

#FF69B4

255 105 180

DeepPink

#FF1493

255 20 147

Pink

#FFC0CB

255 192 203

LightPink

#FFB6C1

255 182 193

PaleVioletRed

#DB7093

219 112 147

Maroon

#B03060

176 48 96

MediumVioletRed

#C71585

199 21 133

VioletRed

#D02090

208 32 144

Magenta

#FF00FF

255 0 255

Violet

#EE82EE

238 130 238

Plum

#DDA0DD

221 160 221

Orchid

#DA70D6

218 112 214

MediumOrchid

#BA55D3

186 85 211

DarkOrchid

#9932CC

153 50 204

DarkViolet

#9400D3

148 0 211

BlueViolet

#8A2BE2

138 43 226

Purple

#A020F0

160 32 240

MediumPurple

#9370DB

147 112 219

Thistle

#D8BFD8

216 191 216

Snow1

#FFFAFA

255 250 250

Snow2

#EEE9E9

238 233 233

Snow3

#CDC9C9

205 201 201

Snow4

#8B8989

139 137 137

Seashell1

#FFF5EE

255 245 238

Seashell2

#EEE5DE

238 229 222

Seashell3

#CDC5BF

205 197 191

Seashell4

#8B8682

139 134 130

AntiqueWhite1

#FFEFDB

255 239 219

AntiqueWhite2

#EEDFCC

238 223 204

AntiqueWhite3

#CDC0B0

205 192 176

AntiqueWhite4

#8B8378

139 131 120

Bisque1

#FFE4C4

255 228 196

Bisque2

#EED5B7

238 213 183

Bisque3

#CDB79E

205 183 158

Bisque4

#8B7D6B

139 125 107

PeachPuff1

#FFDAB9

255 218 185

PeachPuff2

#EECBAD

238 203 173

PeachPuff3

#CDAF95

205 175 149

PeachPuff4

#8B7765

139 119 101

NavajoWhite1

#FFDEAD

255 222 173

NavajoWhite2

#EECFA1

238 207 161

NavajoWhite3

#CDB38B

205 179 139

NavajoWhite4

#8B795E

139 121 94

LemonChiffon1

#FFFACD

255 250 205

LemonChiffon2

#EEE9BF

238 233 191

LemonChiffon3

#CDC9A5

205 201 165

LemonChiffon4

#8B8970

139 137 112

Cornsilk1

#FFF8DC

255 248 220

Cornsilk2

#EEE8CD

238 232 205

Cornsilk3

#CDC8B1

205 200 177

Cornsilk4

#8B8878

139 136 120

vory1

#FFFFF0

255 255 240

vory2

#EEEEE0

238 238 224

Ivory3

#CDCDC1

205 205 193

Ivory4

#8B8B83

139 139 131

Honeydew1

#F0FFF0

240 255 240

Honeydew2

#E0EEE0

224 238 224

Honeydew3

#C1CDC1

193 205 193

Honeydew4

#838B83

131 139 131

LavenderBlush2

#FFF0F5

255 240 245

LavenderBlush3

#EEE0E5

238 224 229

LavenderBlush4

#CDC1C5

205 193 197

LavenderBlush5

#8B8386

139 131 134

MistyRose1

#FFE4E1

255 228 225

MistyRose2

#EED5D2

238 213 210

MistyRose3

#CDB7B5

205 183 181

MistyRose4

#8B7D7B

139 125 123

Azure1

#F0FFFF

240 255 255

Azure2

#E0EEEE

224 238 238

Azure3

#C1CDCD

193 205 205

Azure4

#838B8B

131 139 139

SlateBlue1

#836FFF

131 111 255

SlateBlue2

#7A67EE

122 103 238

SlateBlue3

#6959CD

105 89 205

SlateBlue4

#473C8B

71 60 139

RoyalBlue1

#4876FF

72 118 255

RoyalBlue2

#436EEE

67 110 238

RoyalBlue3

#3A5FCD

58 95 205

RoyalBlue4

#27408B

39 64 139

Blue1

#0000FF

0 0 255

Blue2

#0000EE

0 0 238

Blue3

#0000CD

0 0 205

Blue4

#00008B

0 0 139

DodgerBlue1

#1E90FF

30 144 255

DodgerBlue2

#1C86EE

28 134 238

DodgerBlue3

#1874CD

24 116 205

DodgerBlue4

#104E8B

16 78 139

SteelBlue1

#63B8FF

99 184 255

SteelBlue2

#5CACEE

92 172 238

SteelBlue3

#4F94CD

79 148 205

SteelBlue4

#36648B

54 100 139

DeepSkyBlue1

#00BFFF

0 191 255

DeepSkyBlue2

#00B2EE

0 178 238

DeepSkyBlue3

#009ACD

0 154 205<;/div>

DeepSkyBlue4

#00688B

0 104 139

SkyBlue1

#87CEFF

135 206 255

SkyBlue2

#7EC0EE

126 192 238

SkyBlue3

#6CA6CD

108 166 205

SkyBlue4

#4A708B

74 112 139

LightSkyBlue1

#B0E2FF

176 226 255

LightSkyBlue2

#A4D3EE

164 211 238

LightSkyBlue3

#8DB6CD

141 182 205

LightSkyBlue4

#607B8B

96 123 139

SlateGray1

#C6E2FF

198 226 255

SlateGray2

#B9D3EE

185 211 238

SlateGray3

#9FB6CD

159 182 205

SlateGray4

#6C7B8B

108 123 139

LightSteelBlue1

#CAE1FF

202 225 255

LightSteelBlue2

#BCD2EE

188 210 238

LightSteelBlue3

#A2B5CD

162 181 205

LightSteelBlue4

#6E7B8B

110 123 139

LightBlue1

#BFEFFF

191 239 255

LightBlue2

#B2DFEE

178 223 238

LightBlue3

#9AC0CD

154 192 205

LightBlue4

#68838B

104 131 139

LightCyan1

#E0FFFF

224 255 255

LightCyan2

#D1EEEE

209 238 238

LightCyan3

#B4CDCD

180 205 205

LightCyan4

#7A8B8B

122 139 139

PaleTurquoise1

#BBFFFF

187 255 255

PaleTurquoise2

#AEEEEE

174 238 238

PaleTurquoise3

#96CDCD

150 205 205

PaleTurquoise4

#668B8B

102 139 139

CadetBlue1

#98F5FF

152 245 255

CadetBlue2

#8EE5EE

142 229 238

CadetBlue3

#7AC5CD

122 197 205

CadetBlue4

#53868B

83 134 139

Turquoise1

#00F5FF

0 245 255

Turquoise2

#00E5EE

0 229 238

Turquoise3

#00C5CD

0 197 205

Turquoise4

#00868B

0 134 139

Cyan1

#00FFFF

0 255 255

Cyan2

#00EEEE

0 238 238

Cyan3

#00CDCD

0 205 205

Cyan4

#008B8B

0 139 139

DarkSlateGray1

#97FFFF

151 255 255

DarkSlateGray2

#8DEEEE

141 238 238

DarkSlateGray3

#79CDCD

121 205 205

DarkSlateGray4

#528B8B

82 139 139

Aquamarine1

#7FFFD4

127 255 212

Aquamarine2

#76EEC6

118 238 198

Aquamarine3

#66CDAA

102 205 170

Aquamarine4

#458B74

69 139 116

DarkSeaGreen1

#C1FFC1

193 255 193

DarkSeaGreen2

#B4EEB4

180 238 180

DarkSeaGreen3

#9BCD9B

155 205 155

DarkSeaGreen4

#698B69

105 139 105

SeaGreen1

#54FF9F

84 255 159

SeaGreen2

#4EEE94

78 238 148

SeaGreen3

#43CD80

67 205 128

SeaGreen4

#2E8B57

46 139 87

PaleGreen1

#9AFF9A

154 255 154

PaleGreen2

#90EE90

144 238 144

PaleGreen3

#7CCD7C

124 205 124

PaleGreen4

#548B54

84 139 84

SpringGreen1

#00FF7F

0 255 127

SpringGreen2

#00EE76

0 238 118

SpringGreen3

#00CD66

0 205 102

SpringGreen4

#008B45

0 139 69

Green1

#00FF00

0 255 0

Green2

#00EE00

0 238 0

Green3

#00CD00

0 205 0

Green4

#008B00

0 139 0

Chartreuse1

#7FFF00

127 255 0

Chartreuse2

#76EE00

118 238 0

Chartreuse3

#66CD00

102 205 0

Chartreuse4

#458B00

69 139 0

OliveDrab1

#C0FF3E

192 255 62

OliveDrab2

#B3EE3A

179 238 58

OliveDrab3

#9ACD32

154 205 50

OliveDrab4

#698B22

105 139 34

DarkOliveGreen1

#CAFF70

202 255 112

DarkOliveGreen2

#BCEE68

188 238 104

DarkOliveGreen3

#A2CD5A

162 205 90

DarkOliveGreen4

#6E8B3D

110 139 61

Khaki1

#FFF68F

255 246 143

Khaki2

#EEE685

238 230 133

Khaki3

#CDC673

205 198 115

Khaki4

#8B864E

139 134 78

LightGoldenrod1

#FFEC8B

255 236 139

LightGoldenrod2

#EEDC82

238 220 130

LightGoldenrod3

#CDBE70

205 190 112

LightGoldenrod4

#8B814C

139 129 76

LightYellow1

#FFFFE0

255 255 224

LightYellow2

#EEEED1

238 238 209

LightYellow3

#CDCDB4

205 205 180

LightYellow4

#8B8B7A

139 139 122

Yellow1

#FFFF00

255 255 0

Yellow2

#EEEE00

238 238 0

Yellow3

#CDCD00

205 205 0

Yellow4

#8B8B00

139 139 0

Gold1

#FFD700

255 215 0

Gold2

#EEC900

238 201 0

Gold3

#CDAD00

205 173 0

Gold4

#8B7500

139 117 0

Goldenrod1

#FFC125

255 193 37

Goldenrod2

#EEB422

238 180 34

Goldenrod3

#CD9B1D

205 155 29

Goldenrod4

#8B6914

139 105 20

DarkGoldenrod1

#FFB90F

255 185 15

DarkGoldenrod2

#EEAD0E

238 173 14

DarkGoldenrod3

#CD950C

205 149 12

DarkGoldenrod4

#8B658B

139 101 8

RosyBrown1

#FFC1C1

255 193 193

RosyBrown2

#EEB4B4

238 180 180

RosyBrown3

#CD9B9B

205 155 155

RosyBrown4

#8B6969

139 105 105

IndianRed1

#FF6A6A

255 106 106

IndianRed2

#EE6363

238 99 99

IndianRed3

#CD5555

205 85 85

IndianRed4

#8B3A3A

139 58 58

Sienna1

#FF8247

255 130 71

Sienna2

#EE7942

238 121 66

Sienna3

#CD6839

205 104 57

Sienna4

#8B4726

139 71 38

Burlywood1

#FFD39B

255 211 155

Burlywood2

#EEC591

238 197 145

Burlywood3

#CDAA7D

205 170 125

Burlywood4

#8B7355

139 115 85

Wheat1

#FFE7BA

255 231 186

Wheat2

#EED8AE

238 216 174

Wheat3

#CDBA96

205 186 150

Wheat4

#8B7E66

139 126 102

Tan1

#FFA54F

255 165 79

Tan2

#EE9A49

238 154 73

Tan3

#CD853F

205 133 63

Tan4

#8B5A2B

139 90 43

Chocolate1

#FF7F24

255 127 36

Chocolate2

#EE7621

238 118 33

Chocolate3

#CD661D

205 102 29

Chocolate4

#8B4513

139 69 19

Firebrick1

#FF3030

255 48 48

Firebrick2

#EE2C2C

238 44 44

Firebrick3

#CD2626

205 38 38

Firebrick4

#8B1A1A

139 26 26

Brown1

#FF4040

255 64 64

Brown2

#EE3B3B

238 59 59

Brown3

#CD3333

205 51 51

Brown4

#8B2323

139 35 35

Salmon1

#FF8C69

255 140 105

Salmon2

#EE8262

238 130 98

Salmon3

#CD7054

205 112 84

Salmon4

#8B4C39

139 76 57

LightSalmon1

#FFA07A

255 160 122

LightSalmon2

#EE9572

238 149 114

LightSalmon3

#CD8162

205 129 98

LightSalmon4

#8B5742

139 87 66

Orange1

#FFA500

255 165 0

Orange2

#EE9A00

238 154 0

Orange3

#CD8500

205 133 0

Orange4

#8B5A00

139 90 0

DarkOrange1

#FF7F00

255 127 0

DarkOrange2

#EE7600

238 118 0

DarkOrange3

#CD6600

205 102 0

DarkOrange4

#8B4500

139 69 0

Coral1

#FF7256

255 114 86

Coral2

#EE6A50

238 106 80

Coral3

#CD5B45

205 91 69

Coral4

#8B3E2F

139 62 47

Tomato1

#FF6347

255 99 71

Tomato2

#EE5C42

238 92 66

Tomato3

#CD4F39

205 79 57

Tomato4

#8B3626

139 54 38

OrangeRed1

#FF4500

255 69 0

OrangeRed2

#EE4000

238 64 0

OrangeRed3

#CD3700

205 55 0

OrangeRed4

#8B2500

139 37 0

Red1

#FF0000

255 0 0

Red2

#EE0000

238 0 0

Red3

#CD0000

205 0 0

Red4

#8B0000

139 0 0

DeepPink1

#FF1493

255 20 147

DeepPink2

#EE1289

238 18 137

DeepPink3

#CD1076

205 16 118

DeepPink4

#8B0A50

139 10 80

HotPink1

#FF6EB4

255 110 180

HotPink2

#EE6AA7

238 106 167

HotPink3

#CD6090

205 96 144

HotPink4

#8B3A62

139 58 98

Pink1

#FFB5C5

255 181 197

Pink2

#EEA9B8

238 169 184

Pink3

#CD919E

205 145 158

Pink4

#8B636C

139 99 108

LightPink1

#FFAEB9

255 174 185

LightPink2

#EEA2AD

238 162 173

LightPink3

#CD8C95

205 140 149

LightPink4

#8B5F65

139 95 101

PaleVioletRed1

#FF82AB

255 130 171

PaleVioletRed2

#EE799F

238 121 159

PaleVioletRed3

#CD6889

205 104 137

PaleVioletRed4

#8B475D

139 71 93

Maroon1

#FF34B3

255 52 179

Maroon2

#EE30A7

238 48 167

Maroon3

#CD2990

205 41 144

Maroon4

#8B1C62

139 28 98

VioletRed1

#FF3E96

255 62 150

VioletRed2

#EE3A8C

238 58 140

VioletRed3

#CD3278

205 50 120

VioletRed4

#8B2252

139 34 82

Magenta1

#FF00FF

255 0 255

Magenta2

#EE00EE

238 0 238

Magenta3

#CD00CD

205 0 205

Magenta4

#8B008B

139 0 139

Orchid1

#FF83FA

255 131 250

Orchid2

#EE7AE9

238 122 233

Orchid3

#CD69C9

205 105 201

Orchid4

#8B4789

139 71 137

Plum1

#FFBBFF

255 187 255

Plum2

#EEAEEE

238 174 238

Plum3

#CD96CD

205 150 205

Plum4

#8B668B

139 102 139

MediumOrchid1

#E066FF

224 102 255

MediumOrchid2

#D15FEE

209 95 238

MediumOrchid3

#B452CD

180 82 205

MediumOrchid4

#7A378B

122 55 139

DarkOrchid1

#BF3EFF

191 62 255

DarkOrchid2

#B23AEE

178 58 238

DarkOrchid3

#9A32CD

154 50 205

DarkOrchid4

#68228B

104 34 139

Purple1

#9B30FF

155 48 255

Purple2

#912CEE

145 44 238

Purple3

#7D26CD

125 38 205

Purple4

#551A8B

85 26 139

MediumPurple1

#AB82FF

171 130 255

MediumPurple2

#9F79EE

159 121 238

MediumPurple3

#8968CD

137 104 205

MediumPurple4

#5D478B

93 71 139

Thistle1

#FFE1FF

255 225 255

Thistle2

#EED2EE

238 210 238

Thistle3

#CDB5CD

205 181 205

Thistle4

#8B7B8B

139 123 139

grey11

#1C1C1C

28 28 28

grey21

#363636

54 54 54

grey31

#4F4F4F

79 79 79

grey41

#696969

105 105 105

grey51

#828282

130 130 130

grey61

#9C9C9C

156 156 156

grey71

#B5B5B5

181 181 181

gray81

#CFCFCF

207 207 207

gray91

#E8E8E8

232 232 232

DarkGrey

#A9A9A9

169 169 169

DarkBlue

#00008B

0 0 139

DarkCyan

#008B8B

0 139 139

DarkMagenta

#8B008B

139 0 139

DarkRed

#8B0000

139 0 0

LightGreen

#90EE90

144 238 144

Рекомендуем ознакомиться:

Подробности

Обновлено: 04 Сентябрь 2013

Создано: 12 Январь 2010

Просмотров: 87676

webmastermix.ru

Цвета HTML

назад вперед

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

Коды цветов html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Интересное:

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

www.weblabla.ru

Кодирование цветной информации

В статье «Кодирование текстовой информации» объясняется, что один байт позволяет закодировать 256 различных значений и эта кодировка будет однозначно восприниматься компьютером.

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

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

Понятно, что если использовать один байт, то можно закодировать 256 различных цветов. Для рисованных изображений таких как, например, в мультфильмах «Ну, погоди!», «Карлсон, который живет на крыше» этого вполне хватит. Но маловато будет для качественных изображений живой природы и им подобных. Человеческий глаз вполне может различать десятки миллионов цветовых оттенков.

Поэтому одного байта для кодирования цвета явно недостаточно. Возьмем два байта. Тогда получится, что двумя байтами можно закодировать 256×256=65536 различных цветов. Это ближе к тому, что мы видим на фотографиях и в журналах, но до таких цветов, как в живой природе, еще далеко.

Теперь давайте попробуем для кодирования цвета одной точки взять 3 байта (то есть 24 бита). Тогда количество возможных цветов увеличится еще: 256x256x256=16.777.216 (примерно 16,5 миллионов). Результат получается по качеству, сравнимый с живой природой.

Любой цвет можно представить в виде комбинации трех основных цветов: красного, зеленого и синего (цветовые составляющие). Способ разделения цвета на составляющие компоненты называется цветовой моделью. Ниже мы рассмотрим две  цветовых модели: RGB и CMYK.

Цветовая модель RGB

При кодировании цвета точки с помощью трех байтов получается, что первый байт является красной составляющей, второй байт – зеленой, а третий – синей составляющей. Чем больше значение байта цветовой составляющей (в пределах от 0 до 255), тем ярче будет цвет.

Белый цвет. Точка белого цвета имеет все цветовые составляющие, и они имеют полную яркость: R (red – красный) = 255, G (green зеленый) = 255, B (blue – синий) = 255. Такая кодировка сокращенно называется по первым буквам спектра – RGB. Красный, синий и зеленый цвета удобны при воспроизведении цветов на мониторах компьютеров. Они устроены таким образом, что воспроизводят цвета путем «перемешивания» именно этих составляющих.

Цветовая модель CMYK

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

Таким образом, в цветных принтерах для воспроизводства всех 16 млн. цветов  применяются 3 цветных картриджа: голубой – Cyan, лиловый – Magenta и желтый – Yellow. Для печати всех оттенков серого цвета часто применяется также черный (Black) картридж, в таких принтерах число картриджей составляет 4. Такая цветовая модель называется CMYK. Чтобы Black не путать с Blue из модели RGB, из слова Black берется последняя буква, входящая в название CMYK тоже последней.

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

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

Практическое задание описано в статье “Смотрим на кодировку цвета”.

P.S. Статья закончилась, но можно еще прочитать:

Представление информации в компьютере

Кодирование текстовой информации

Проверяем, кодирует ли компьютер текст?

Единицы измерения объема информации

P.P.S. Чтобы подписаться на получение новых статей, которых еще нет на блоге: 1) Введите Ваш e-mail адрес в эту форму: 2) На Ваш e-mail придёт письмо для активации подписки. Обязательно кликните по указанной там ссылке, чтобы подтвердить добровольность своей подписки: подробнее с видеоуроком

www.compgramotnost.ru

7.2. Кодирование цвета.

Любой графический объект можно считать состоящим из цветных точек или из цветных линий, который в этом случае следует рассматривать как элементарные объекты. Рассмотрим для определенности экранную цветную точку (пиксель). У пикселя 3 основных свойства – координата по высоте, координата по ширине и цвет. Первые 2 свойства без труда представляются в виде чисел. А как быть с цветом? Как присвоить всем возможным оттенкам различные коды, учитывая, что человеческий глаз различает несколько миллионов оттенков?

Выход из этого положения дает одно замечательное свойство человеческого глаза – любой цвет на сетчатке глаза раскладывается в суперпозицию 3-х базовых цветов - красного, зеленого и синего и в таком виде поступает в мозг. Поэтому человек не различает собственно оттенок цвета (свет определенной длины волны) и тот же оттенок, составленный из базовых цветов (смешение 3-х длин волн с определенными интенсивностями). В связи с этим любому устройству, выводящему изображения, будь то монитор, проектор или принтер достаточно работать только с 3-мя базовыми цветами, меняя оттенки изменением соотношения интенсивностей этих цветов. Соответственно и задать цвет можно в виде 3-х чисел – значений интенсивностей базовых цветов. Такой способ задания цвета используется в RGB-кодировке – основной кодировке цвета.

Согласно стандарту RGB (Red, Green, Blue, т.е. Красный, Зеленый, Синий) для записи значения цвета отводится 3 байта (24 бита) – в первый байт записывается интенсивность красного, во второй байт интенсивность зеленого, в третий байт – интенсивность синего цвета. Т.к. в один байт можно записать любое значение от 0 до 255 (т.е. одно из 256 значений), то каждый базовый цвет может иметь 256 градаций интенсивности. Соответственно, в рамках RGB-стандарта возможно 256 256256 = 16777216 (более 16 млн.) различных значений оттенков. Это перекрывает возможности любого человеческого глаза.

Записывать RGB-код цвета принято в виде 6-значного шестнадцатеричного числа, состоящего из 3-х двузначных шестнадцатеричных чисел, первое из которых обозначает интенсивность красного, второе интенсивность зеленого, третье интенсивность синего (т.е. в виде #rrggbb). Например, #FF0000 означает красный цвет, #00FF00 –зеленый, #0000FF –синий, #000000 –черный (отсутствие цвета), #FFFFFF белый (смешение максимальных интенсивностей базовых цветов), #808080 – серый (смешение половинных интенсивностей всех базовых цветов). При интерпретации значения RGB-кода удобно представить, что источником цвета является светильник, состоящий из 3-х лампочек – красной, зеленой и синей, причем яркость каждой лампочки определяется значением соответствующего двузначного шестнадцатеричного числа (00 – лампочка выключена, FF-лампочка включена с максимальной яркостью).

Кроме RGB используется еще одна общепринятая кодировка цветов CMYK.

Кодировка CMYK (Cyan -голубой, Magenta -розовый, Yellow -желтый и blacK -черный) является дополнительной к RGB. Коды базовых CMYK-цветов записываются в RGB как

Cyan = #00FFFF,

Magenta = #FF00FF,

Yellow = #FFFF00,

Black = #000000.

Таким образом, Cyan + Red = Magenta + Green = Yellow + Blue = #FFFFFF (белый цвет).

CMYK кодировка полностью эквивалентна RGB (дает столько же различных оттенков), но для ее реализации необходимо 4 байта (32 бита). Лишний байт необходим для дополнительного черного цвета, который не создает новых оттенков, а только меняет общую интенсивность цвета. Необходимость в дополнительном черном цвете возникает из-за невозможности получить черный смешением голубого, розового и желтого. Хотя теоретически такой результат должен получаться, на практике, при смешивании красок или при смешивании света точечных источников чистого черного цвета (т.е. полного отсутствия цвета) не получается.

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

studfiles.net

Кодирование цвета в HTML

Существует два способа определения цвета в HTML.

1. Некоторые цвета можно называть по их названию, используя в качестве значения название цвета в английском языке:

style="color: red;"

2. По шестнадцатеричному значению:

style="color: #fd08ea;"

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно.

Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов - красный, зеленый и синий - может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних - зеленую, а два последних - синюю.

НазваниеШестнадцатеричный код RGB
White #FFFFFF  Ivory #FFFFF0  Snow #FFFAFA  LightYellow #FFFFE0  MintCream #F5FFFA  Azure #F0FFFF  FloralWhite #FFFAF0  Honeydew #F0FFF0  GhostWhite #F8F8FF  Seashell #FFF5EE  Cornsilk #FFF8DC  AliceBlue #F0F8FF  LemonChifFon #FFFACD  LightCyan #E0FFFF  OldLace #FDF5E6  LightGoldenrodYellow #FAFAD2  LavenderBlush #FFF0F5  WhiteSmoke #F5F5F5  Beige #F5F5DC  Linen #FAF0E6  PapayaWhip #FFEFD5  BlanchedAlmond #FFEBCD  AntiqueWhite #FAEBD7  MistyRose #FFE4E1  Bisque #FFE4C4  Lavender #E6E6FA  Moccasin #FFE4B5  PaleGoldenrod #EEE8AA  NavajoWhite #FFDEAD  Yellow #FFFF00  PeachPuff #FFDAB9  Wheat #F5DEB3  Khaki #F0E68C  Gainsboro #DCDCDC  PaleTurquoise #AFEEEE  Pink #FFC0CB  Aquamarine #7FFFD4  LightGrey #D3D3D3  PowderBlue #B0E0E6  PaleGreen #98FB98  GreenYellow #ADFF2F  LightPink #FFB6C1  LightBlue #ADD8E6  Gold #FFD700  Thistle #D8BFD8  LightGreen #90EE90  LightSteelBlue #B0C4DE  Silver #C0C0C0  LightSkyBlue #87CEFA  BurlyWood #DEB887  SkyBlue #87CEEB  Chartreuse #7FFF00  Plum #DDA0DD  LawnGreen #7CFC00  Tan #D2B48C  LightSalmon #FFA07A  SandyBrown #F4A460  Aqua #00FFFF  DarkKhaki #BDB768  Violet #EE82EE  Turquoise #40E0D0  Orange #FFA500  YellowGreen #9ACD32  DarkSalmon #E9967A  MediumAquamarine #66CDAA  DarkSeaGreen #8FBC8F  DarkGrey #A9A9A9  MediumTurquoise #48D1CC  Goldenrod #DAA520  MediumSpringGreen #00FA9A  SpringGreen #00FF7F  Salmon #FA8072  LightCoral #F08080  Coral #FF7F50  DarkOrange #FF8C00  HotPink #FF69B4  RosyBrown #BC8F8F  Orchid #DA70D6  Lime #O0FFOO  PaleVioletRed #DB7093  Peru #CD853F  DarkTurquoise #00CED1  CornflowerBlue #6495ED  Tomato #FF6347  DeepSkyBlue #00BFFF  LimeGreen #32CD32  CadetBlue #5F9EA0  MediumSeaGreen #3CB371  DarkGoldenrod #B8860B  MediumPurple #9370DB  LightSeaGrееn #20B2AA  LightSlateGray #778899  MediumOrchid #BA55D3  Gray #808080  Chocolate #D2691E  IndianRed #CD5C5C  SlateGray #708090  MediumSlateBlue #7B68EE  DodgerBlue #1E90FF  OliveDrab #6B8E23  SteelBlue #4682B4  OrangeRed #FF4500  Olive #808000  SlateBlue #6A5ACD  RoyalBlue #4169E1  Fuchisa #FF00FF  SeaGreen #2E8B57  DimGray #696969  DeepPink #FF1493  Sienna #A0522D  DarkOrchid #9932CC  DarkCyan #008B8B  ForestGreen #228B22  DarkOliveGreen #556B2F  BlueViolet #8A2BE2  Teal #008080  MediumVioletRed #C71585  Crimson #DC143C  SaddleBrown #8B4513  Brown #A52A2A  FireBrick #B22222  Red #FF0000  Green #008000  DarkSlateBlue #483D8B  DarkSlateGray #2F4F4F  DarkViolet #9400D3  DarkGreen #006400  DarkMagenta #8BOOSВ  Purple #800080  DarkRed #8B0000  Maroon #800000  Indigo #4B0082  MidnightBlue #191970  Blue #0000FF  MediumBlue #0000CD  DarkBlue #00008В  Navy #000080  Black #000000 

www.webcreature.ru


Смотрите также