HTML таблица цвета
Таблица цветов html, она будет полезна веб-разработчикам, дизайнеру сайта, оформителям и сайтостроителю, как инструмент подсказка, чтобы постоянно не смотреть в редактор и не выбирать значение кода. Такое часто приходится, если вам надо подобрать какой-нибудь цвет, тон или гамму, чтобы ресурс смотрелся, сделать его красивым, интересным и удобен пользователям. Задать значение можно несколькими способами, именно html таблица цветов показаны (варианты, отсортированы в порядке популярности их использования):Коды и названия цветов html (CSS и RGB)
| По названию | цвет | rgb — код цвета | код цвета html |
| snow |
|
255 250 250 | #fffafa |
| ghostwhite |
|
248 248 255 | #f8f8ff |
| whitesmoke |
|
245 245 245 | #f5f5f5 |
| gainsboro |
|
220 220 220 | #dcdcdc |
| floralwhite |
|
255 250 240 | #fffaf0 |
| oldlace |
|
253 245 230 | #fdf5e6 |
| linen |
|
250 240 230 | #faf0e6 |
| antiquewhite |
|
250 235 215 | #faebd7 |
| papayawhip |
|
255 239 213 | #ffefd5 |
| blanchedalmond |
|
255 235 205 | #ffebcd |
| bisque |
|
255 228 196 | #ffe4c4 |
| peachpuff |
|
255 218 185 | #ffdab9 |
| navajowhite |
|
255 222 173 | #ffdead |
| moccasin |
|
255 228 181 | #ffe4b5 |
| cornsilk |
|
255 248 220 | #fff8dc |
| ivory |
|
255 255 240 | #fffff0 |
| lemonchiffon |
|
255 250 205 | #fffacd |
| seashell |
|
255 245 238 | #fff5ee |
| honeydew |
|
240 255 240 | #f0fff0 |
| mintcream |
|
245 255 250 | #f5fffa |
| azure |
|
240 255 255 | #f0ffff |
| aliceblue |
|
240 248 255 | #f0f8ff |
| lavender |
| 230 230 250 | #e6e6fa |
| lavenderblush |
|
255 240 245 | #fff0f5 |
| mistyrose |
|
255 228 225 | #ffe4e1 |
| white |
|
255 255 255 | #ffffff |
| black |
|
0 0 0 | #000000 |
| darkslategray |
|
47 79 79 | #2f4f4f |
| dimgrey |
|
105 105 105 | #696969 |
| slategrey |
|
112 128 144 | #708090 |
| lightslategray |
|
119 136 153 | #778899 |
| grey |
|
190 190 190 | #bebebe |
| lightgray |
|
211 211 211 | #d3d3d3 |
| midnightblue |
|
25 25 112 | #191970 |
| navyblue |
|
0 0 128 | #000080 |
| cornflowerblue |
|
100 149 237 | #6495ed |
| darkslateblue |
|
72 61 139 | #483d8b |
| slateblue |
|
106 90 205 | #6a5acd |
| mediumslateblue |
|
123 104 238 | #7b68ee |
| lightslateblue |
|
132 112 255 | #8470ff |
| mediumblue |
|
0 0 205 | #0000cd |
| royalblue |
|
65 105 225 | #4169e1 |
| blue |
|
0 0 255 | #0000ff |
| dodgerblue |
|
30 144 255 | #1e90ff |
| deepskyblue | 0 191 255 | #00bfff | |
| skyblue |
|
135 206 235 | #87ceeb |
| lightskyblue |
|
135 206 250 | #87cefa |
| steelblue |
|
70 130 180 | #4682b4 |
| lightsteelblue |
|
176 196 222 | #b0c4de |
| lightblue |
|
173 216 230 | #add8e6 |
| powderblue |
|
176 224 230 | #b0e0e6 |
| paleturquoise |
|
175 238 238 | #afeeee |
| darkturquoise |
|
0 206 209 | #00ced1 |
| mediumturquoise |
|
72 209 204 | #48d1cc |
| turquoise |
|
64 224 208 | #40e0d0 |
| cyan |
|
0 255 255 | #00ffff |
| lightcyan |
|
224 255 255 | #e0ffff |
| cadetblue |
|
95 158 160 | #5f9ea0 |
| mediumaquamarine |
|
102 205 170 | #66cdaa |
| aquamarine |
|
127 255 212 | #7fffd4 |
| darkgreen |
|
0 100 0 | #006400 |
| darkolivegreen |
|
85 107 47 | #556b2f |
| darkseagreen |
|
143 188 143 | #8fbc8f |
| seagreen |
|
46 139 87 | #2e8b57 |
| mediumseagreen |
|
60 179 113 | #3cb371 |
| lightseagreen |
|
32 178 170 | #20b2aa |
| palegreen |
|
152 251 152 | #98fb98 |
| springgreen |
|
0 255 127 | #00ff7f |
| lawngreen |
|
124 252 0 | #7cfc00 |
| green |
|
0 255 0 | #00ff00 |
| chartreuse |
|
127 255 0 | #7fff00 |
| medspringgreen |
|
0 250 154 | #00fa9a |
| greenyellow |
|
173 255 47 | #adff2f |
| limegreen |
|
50 205 50 | #32cd32 |
| yellowgreen |
|
154 205 50 | #9acd32 |
| forestgreen |
|
34 139 34 | #228b22 |
| olivedrab |
|
107 142 35 | #6b8e23 |
| darkkhaki |
|
189 183 107 | #bdb76b |
| palegoldenrod |
|
238 232 170 | #eee8aa |
| ltgoldenrodyello |
|
250 250 210 | #fafad2 |
| lightyellow |
|
255 255 224 | #ffffe0 |
| yellow |
|
255 255 0 | #ffff00 |
| gold |
|
255 215 0 | #ffd700 |
| lightgoldenrod |
|
238 221 130 | #eedd82 |
| goldenrod |
|
218 165 32 | #daa520 |
| darkgoldenrod |
|
184 134 11 | #b8860b |
| rosybrown |
|
188 143 143 | #bc8f8f |
| indianred |
|
205 92 92 | #cd5c5c |
| saddlebrown |
|
139 69 19 | #8b4513 |
| sienna |
|
160 82 45 | #a0522d |
| peru |
|
205 133 63 | #cd853f |
| burlywood |
|
222 184 135 | #deb887 |
| beige |
|
245 245 220 | #f5f5dc |
| wheat |
|
245 222 179 | #f5deb3 |
| sandybrown |
|
244 164 96 | #f4a460 |
| tan |
|
210 180 140 | #d2b48c |
| chocolate |
|
210 105 30 | #d2691e |
| firebrick |
|
178 34 34 | #b22222 |
| brown |
|
165 42 42 | #a52a2a |
| darksalmon |
|
233 150 122 | #e9967a |
| salmon |
|
250 128 114 | #fa8072 |
| lightsalmon |
|
255 160 122 | #ffa07a |
| orange |
|
255 165 0 | #ffa500 |
| darkorange |
|
255 140 0 | #ff8c00 |
| coral |
|
255 127 80 | #ff7f50 |
| lightcoral |
|
240 128 128 | #f08080 |
| tomato |
|
255 99 71 | #ff6347 |
| orangered |
|
255 69 0 | #ff4500 |
| red |
|
255 0 0 | #ff0000 |
| hotpink |
|
255 105 180 | #ff69b4 |
| deeppink |
|
255 20 147 | #ff1493 |
| pink |
|
255 192 203 | #ffc0cb |
| lightpink |
|
255 182 193 | #ffb6c1 |
| palevioletred |
|
219 112 147 | #db7093 |
| maroon |
|
176 48 96 | #b03060 |
| mediumvioletred |
|
199 21 133 | #c71585 |
| violetred |
|
208 32 144 | #d02090 |
| magenta |
|
255 0 255 | #ff00ff |
| violet |
|
238 130 238 | #ee82ee |
| plum |
|
221 160 221 | #dda0dd |
| orchid |
|
218 112 214 | #da70d6 |
| mediumorchid |
|
186 85 211 | #ba55d3 |
| darkorchid |
|
153 50 204 | #9932cc |
| darkviolet |
|
148 0 211 | #9400d3 |
| blueviolet |
|
138 43 226 | #8a2be2 |
| purple |
|
160 32 240 | #a020f0 |
| mediumpurple |
|
147 112 219 | #9370db |
| thistle |
|
216 191 216 | #d8bfd8 |
| snow1 |
|
255 250 250 | #fffafa |
| snow2 |
|
238 233 233 | #eee9e9 |
| snow3 |
|
205 201 201 | #cdc9c9 |
| snow4 |
|
139 137 137 | #8b8989 |
| seashell1 |
|
255 245 238 | #fff5ee |
| seashell2 |
|
238 229 222 | #eee5de |
| seashell3 |
|
205 197 191 | #cdc5bf |
| seashell4 |
|
139 134 130 | #8b8682 |
| antiquewhite1 |
|
255 239 219 | #ffefdb |
| antiquewhite2 |
|
238 223 204 | #eedfcc |
| antiquewhite3 |
|
205 192 176 | #cdc0b0 |
| antiquewhite4 |
|
139 131 120 | #8b8378 |
| bisque1 |
|
255 228 196 | #ffe4c4 |
| bisque2 |
|
238 213 183 | #eed5b7 |
| bisque3 |
|
205 183 158 | #cdb79e |
| bisque4 |
|
139 125 107 | #8b7d6b |
| peachpuff1 |
|
255 218 185 | #ffdab9 |
| peachpuff2 |
|
238 203 173 | #eecbad |
| peachpuff3 |
|
205 175 149 | #cdaf95 |
| peachpuff4 |
|
139 119 101 | #8b7765 |
| navajowhite1 |
|
255 222 173 | #ffdead |
| navajowhite2 |
|
238 207 161 | #eecfa1 |
| navajowhite3 |
|
205 179 139 | #cdb38b |
| navajowhite4 |
|
139 121 94 | #8b795e |
| lemonchiffon1 |
|
255 250 205 | #fffacd |
| lemonchiffon2 |
|
238 233 191 | #eee9bf |
| lemonchiffon3 |
|
205 201 165 | #cdc9a5 |
| lemonchiffon4 |
|
139 137 112 | #8b8970 |
| cornsilk1 |
|
255 248 220 | #fff8dc |
| cornsilk2 |
|
238 232 205 | #eee8cd |
| cornsilk3 |
|
205 200 177 | #cdc8b1 |
| cornsilk4 |
|
139 136 120 | #8b8878 |
| ivory1 |
|
255 255 240 | #fffff0 |
| ivory2 |
|
238 238 224 | #eeeee0 |
| ivory3 |
|
205 205 193 | #cdcdc1 |
| ivory4 |
|
139 139 131 | #8b8b83 |
| honeydew1 |
|
240 255 240 | #f0fff0 |
| honeydew2 |
|
224 238 224 | #e0eee0 |
| honeydew3 |
|
193 205 193 | #c1cdc1 |
| honeydew4 |
|
131 139 131 | #838b83 |
| lavenderblush2 |
|
255 240 245 | #fff0f5 |
| lavenderblush3 |
|
238 224 229 | #eee0e5 |
| lavenderblush4 |
|
205 193 197 | #cdc1c5 |
| lavenderblush5 |
|
139 131 134 | #8b8386 |
| mistyrose1 |
|
255 228 225 | #ffe4e1 |
| mistyrose2 |
|
238 213 210 | #eed5d2 |
| mistyrose3 |
|
205 183 181 | #cdb7b5 |
| mistyrose4 |
|
139 125 123 | #8b7d7b |
| azure1 |
|
240 255 255 | #f0ffff |
| azure2 |
|
224 238 238 | #e0eeee |
| azure3 |
|
193 205 205 | #c1cdcd |
| azure4 |
|
131 139 139 | #838b8b |
| slateblue1 |
|
131 111 255 | #836fff |
| slateblue2 |
|
122 103 238 | #7a67ee |
| slateblue3 |
|
105 89 205 | #6959cd |
| slateblue4 |
|
71 60 139 | #473c8b |
| royalblue1 |
|
72 118 255 | #4876ff |
| royalblue2 |
|
67 110 238 | #436eee |
| royalblue3 |
|
58 95 205 | #3a5fcd |
| royalblue4 |
|
39 64 139 | #27408b |
| blue1 |
|
0 0 255 | #0000ff |
| blue2 |
|
0 0 238 | #0000ee |
| blue3 |
|
0 0 205 | #0000cd |
| blue4 |
|
0 0 139 | #00008b |
| dodgerblue1 |
|
30 144 255 | #1e90ff |
| dodgerblue2 |
|
28 134 238 | #1c86ee |
| dodgerblue3 |
|
24 116 205 | #1874cd |
| dodgerblue4 |
|
16 78 139 | #104e8b |
| steelblue1 |
|
99 184 255 | #63b8ff |
| steelblue2 |
|
92 172 238 | #5cacee |
| steelblue3 |
|
79 148 205 | #4f94cd |
| steelblue4 |
|
54 100 139 | #36648b |
| deepskyblue1 |
|
0 191 255 | #00bfff |
| deepskyblue2 |
|
0 178 238 | #00b2ee |
| deepskyblue3 |
|
0 154 205 | #009acd |
| deepskyblue4 |
|
0 104 139 | #00688b |
| skyblue1 |
|
135 206 255 | #87ceff |
| skyblue2 |
|
126 192 238 | #7ec0ee |
| skyblue3 |
|
108 166 205 | #6ca6cd |
| skyblue4 |
|
74 112 139 | #4a708b |
| lightskyblue1 |
|
176 226 255 | #b0e2ff |
| lightskyblue2 |
|
164 211 238 | #a4d3ee |
| lightskyblue3 |
|
141 182 205 | #8db6cd |
| lightskyblue4 |
|
96 123 139 | #607b8b |
| slategray1 |
|
198 226 255 | #c6e2ff |
| slategray2 |
|
185 211 238 | #b9d3ee |
| slategray3 |
|
159 182 205 | #9fb6cd |
| slategray4 |
|
108 123 139 | #6c7b8b |
| lightsteelblue1 |
|
202 225 255 | #cae1ff |
| lightsteelblue2 |
|
188 210 238 | #bcd2ee |
| lightsteelblue3 |
|
162 181 205 | #a2b5cd |
| lightsteelblue4 |
|
110 123 139 | #6e7b8b |
| lightblue1 |
|
191 239 255 | #bfefff |
| lightblue2 |
|
178 223 238 | #b2dfee |
| lightblue3 |
|
154 192 205 | #9ac0cd |
| lightblue4 |
|
104 131 139 | #68838b |
| lightcyan1 |
|
224 255 255 | #e0ffff |
| lightcyan2 |
|
209 238 238 | #d1eeee |
| lightcyan3 |
|
180 205 205 | #b4cdcd |
| lightcyan4 |
|
122 139 139 | #7a8b8b |
| paleturquoise1 |
|
187 255 255 | #bbffff |
| paleturquoise2 |
|
174 238 238 | #aeeeee |
| paleturquoise3 |
|
150 205 205 | #96cdcd |
| paleturquoise4 |
|
102 139 139 | #668b8b |
| cadetblue1 |
|
152 245 255 | #98f5ff |
| cadetblue2 |
|
142 229 238 | #8ee5ee |
| cadetblue3 |
|
122 197 205 | #7ac5cd |
| cadetblue4 |
|
83 134 139 | #53868b |
| turquoise1 |
|
0 245 255 | #00f5ff |
| turquoise2 |
|
0 229 238 | #00e5ee |
| turquoise3 |
|
0 197 205 | #00c5cd |
| turquoise4 |
|
0 134 139 | #00868b |
| cyan1 |
|
0 255 255 | #00ffff |
| cyan2 |
|
0 238 238 | #00eeee |
| cyan3 |
|
0 205 205 | #00cdcd |
| cyan4 |
|
0 139 139 | #008b8b |
| darkslategray1 |
|
151 255 255 | #97ffff |
| darkslategray2 |
|
141 238 238 | #8deeee |
| darkslategray3 |
|
121 205 205 | #79cdcd |
| darkslategray4 |
|
82 139 139 | #528b8b |
| aquamarine1 |
|
127 255 212 | #7fffd4 |
| aquamarine2 |
|
118 238 198 | #76eec6 |
| aquamarine3 |
|
102 205 170 | #66cdaa |
| aquamarine4 |
|
69 139 116 | #458b74 |
| darkseagreen1 |
|
193 255 193 | #c1ffc1 |
| darkseagreen2 |
|
180 238 180 | #b4eeb4 |
| darkseagreen3 |
|
155 205 155 | #9bcd9b |
| darkseagreen4 |
|
105 139 105 | #698b69 |
| seagreen1 |
|
84 255 159 | #54ff9f |
| seagreen2 |
|
78 238 148 | #4eee94 |
| seagreen3 |
|
67 205 128 | #43cd80 |
| seagreen4 |
|
46 139 87 | #2e8b57 |
| palegreen1 |
|
154 255 154 | #9aff9a |
| palegreen2 |
|
144 238 144 | #90ee90 |
| palegreen3 |
|
124 205 124 | #7ccd7c |
| palegreen4 |
|
84 139 84 | #548b54 |
| springgreen1 |
|
0 255 127 | #00ff7f |
| springgreen2 |
|
0 238 118 | #00ee76 |
| springgreen3 |
|
0 205 102 | #00cd66 |
| springgreen4 |
|
0 139 69 | #008b45 |
| green1 |
|
0 255 0 | #00ff00 |
| green2 |
|
0 238 0 | #00ee00 |
| green3 |
|
0 205 0 | #00cd00 |
| green4 |
|
0 139 0 | #008b00 |
| chartreuse1 |
|
127 255 0 | #7fff00 |
| chartreuse2 |
|
118 238 0 | #76ee00 |
| chartreuse3 |
|
102 205 0 | #66cd00 |
| chartreuse4 |
|
69 139 0 | #458b00 |
| olivedrab1 |
|
192 255 62 | #c0ff3e |
| olivedrab2 |
|
179 238 58 | #b3ee3a |
| olivedrab3 |
|
154 205 50 | #9acd32 |
| olivedrab4 |
|
105 139 34 | #698b22 |
| darkolivegreen1 |
|
202 255 112 | #caff70 |
| darkolivegreen2 |
|
188 238 104 | #bcee68 |
| darkolivegreen3 |
|
162 205 90 | #a2cd5a |
| darkolivegreen4 |
|
110 139 61 | #6e8b3d |
| khaki1 |
|
255 246 143 | #fff68f |
| khaki2 |
|
238 230 133 | #eee685 |
| khaki3 |
|
205 198 115 | #cdc673 |
| khaki4 |
|
139 134 78 | #8b864e |
| lightgoldenrod1 |
|
255 236 139 | #ffec8b |
| lightgoldenrod2 |
|
238 220 130 | #eedc82 |
| lightgoldenrod3 |
|
205 190 112 | #cdbe70 |
| lightgoldenrod4 |
|
139 129 76 | #8b814c |
| lightyellow1 |
|
255 255 224 | #ffffe0 |
| lightyellow2 |
|
238 238 209 | #eeeed1 |
| lightyellow3 |
|
205 205 180 | #cdcdb4 |
| lightyellow4 |
|
139 139 122 | #8b8b7a |
| yellow1 |
|
255 255 0 | #ffff00 |
| yellow2 |
|
238 238 0 | #eeee00 |
| yellow3 |
|
205 205 0 | #cdcd00 |
| yellow4 |
|
139 139 0 | #8b8b00 |
| gold1 |
|
255 215 0 | #ffd700 |
| gold2 |
|
238 201 0 | #eec900 |
| gold3 |
|
205 173 0 | #cdad00 |
| gold4 |
|
139 117 0 | #8b7500 |
| goldenrod1 |
|
255 193 37 | #ffc125 |
| goldenrod2 |
|
238 180 34 | #eeb422 |
| goldenrod3 |
|
205 155 29 | #cd9b1d |
| goldenrod4 |
|
139 105 20 | #8b6914 |
| darkgoldenrod1 |
|
255 185 15 | #ffb90f |
| darkgoldenrod2 |
|
238 173 14 | #eead0e |
| darkgoldenrod3 |
|
205 149 12 | #cd950c |
| darkgoldenrod4 |
|
139 101 8 | #8b658b |
| rosybrown1 |
|
255 193 193 | #ffc1c1 |
| rosybrown2 |
|
238 180 180 | #eeb4b4 |
| rosybrown3 |
|
205 155 155 | #cd9b9b |
| rosybrown4 |
|
139 105 105 | #8b6969 |
| indianred1 |
|
255 106 106 | #ff6a6a |
| indianred2 |
|
238 99 99 | #ee6363 |
| indianred3 |
|
205 85 85 | #cd5555 |
| indianred4 |
|
139 58 58 | #8b3a3a |
| sienna1 |
|
255 130 71 | #ff8247 |
| sienna2 |
|
238 121 66 | #ee7942 |
| sienna3 |
|
205 104 57 | #cd6839 |
| sienna4 |
|
139 71 38 | #8b4726 |
| burlywood1 |
|
255 211 155 | #ffd39b |
| burlywood2 |
|
238 197 145 | #eec591 |
| burlywood3 |
|
205 170 125 | #cdaa7d |
| burlywood4 |
|
139 115 85 | #8b7355 |
| wheat1 |
|
255 231 186 | #ffe7ba |
| wheat2 |
|
238 216 174 | #eed8ae |
| wheat3 |
|
205 186 150 | #cdba96 |
| wheat4 |
|
139 126 102 | #8b7e66 |
| tan1 |
|
255 165 79 | #ffa54f |
| tan2 |
|
238 154 73 | #ee9a49 |
| tan3 |
|
205 133 63 | #cd853f |
| tan4 |
|
139 90 43 | #8b5a2b |
| chocolate1 |
|
255 127 36 | #ff7f24 |
| chocolate2 |
|
238 118 33 | #ee7621 |
| chocolate3 |
|
205 102 29 | #cd661d |
| chocolate4 |
|
139 69 19 | #8b4513 |
| firebrick1 |
|
255 48 48 | #ff3030 |
| firebrick2 |
|
238 44 44 | #ee2c2c |
| firebrick3 |
|
205 38 38 | #cd2626 |
| firebrick4 |
|
139 26 26 | #8b1a1a |
| brown1 |
|
255 64 64 | #ff4040 |
| brown2 |
|
238 59 59 | #ee3b3b |
| brown3 |
|
205 51 51 | #cd3333 |
| brown4 |
|
139 35 35 | #8b2323 |
| salmon1 |
|
255 140 105 | #ff8c69 |
| salmon2 |
|
238 130 98 | #ee8262 |
| salmon3 |
|
205 112 84 | #cd7054 |
| salmon4 |
|
139 76 57 | #8b4c39 |
| lightsalmon1 |
|
255 160 122 | #ffa07a |
| lightsalmon2 |
|
238 149 114 | #ee9572 |
| lightsalmon3 |
|
205 129 98 | #cd8162 |
| lightsalmon4 |
|
139 87 66 | #8b5742 |
| orange1 |
|
255 165 0 | #ffa500 |
| orange2 |
|
238 154 0 | #ee9a00 |
| orange3 |
|
205 133 0 | #cd8500 |
| orange4 |
|
139 90 0 | #8b5a00 |
| darkorange1 |
|
255 127 0 | #ff7f00 |
| darkorange2 |
|
238 118 0 | #ee7600 |
| darkorange3 |
|
205 102 0 | #cd6600 |
| darkorange4 |
|
139 69 0 | #8b4500 |
| coral1 |
|
255 114 86 | #ff7256 |
| coral2 |
|
238 106 80 | #ee6a50 |
| coral3 |
|
205 91 69 | #cd5b45 |
| coral4 |
|
139 62 47 | #8b3e2f |
| tomato1 |
|
255 99 71 | #ff6347 |
| tomato2 |
|
238 92 66 | #ee5c42 |
| tomato3 |
|
205 79 57 | #cd4f39 |
| tomato4 |
|
139 54 38 | #8b3626 |
| orangered1 |
|
255 69 0 | #ff4500 |
| orangered2 |
|
238 64 0 | #ee4000 |
| orangered3 |
|
205 55 0 | #cd3700 |
| orangered4 |
|
139 37 0 | #8b2500 |
| red1 |
|
255 0 0 | #ff0000 |
| red2 |
|
238 0 0 | #ee0000 |
| red3 |
|
205 0 0 | #cd0000 |
| red4 |
|
139 0 0 | #8b0000 |
| deeppink1 |
|
255 20 147 | #ff1493 |
| deeppink2 |
|
238 18 137 | #ee1289 |
| deeppink3 |
|
205 16 118 | #cd1076 |
| deeppink4 |
|
139 10 80 | #8b0a50 |
| hotpink1 |
|
255 110 180 | #ff6eb4 |
| hotpink2 |
|
238 106 167 | #ee6aa7 |
| hotpink3 |
|
205 96 144 | #cd6090 |
| hotpink4 |
|
139 58 98 | #8b3a62 |
| pink1 |
|
255 181 197 | #ffb5c5 |
| pink2 |
|
238 169 184 | #eea9b8 |
| pink3 |
|
205 145 158 | #cd919e |
| pink4 |
|
139 99 108 | #8b636c |
| lightpink1 |
|
255 174 185 | #ffaeb9 |
| lightpink2 |
|
238 162 173 | #eea2ad |
| lightpink3 |
|
205 140 149 | #cd8c95 |
| lightpink4 |
|
139 95 101 | #8b5f65 |
| palevioletred1 |
|
255 130 171 | #ff82ab |
| palevioletred2 |
|
238 121 159 | #ee799f |
| palevioletred3 |
|
205 104 137 | #cd6889 |
| palevioletred4 |
|
139 71 93 | #8b475d |
| maroon1 |
|
255 52 179 | #ff34b3 |
| maroon2 |
|
238 48 167 | #ee30a7 |
| maroon3 |
|
205 41 144 | #cd2990 |
| maroon4 |
|
139 28 98 | #8b1c62 |
| violetred1 |
|
255 62 150 | #ff3e96 |
| violetred2 |
|
238 58 140 | #ee3a8c |
| violetred3 |
|
205 50 120 | #cd3278 |
| violetred4 |
|
139 34 82 | #8b2252 |
| magenta1 |
|
255 0 255 | #ff00ff |
| magenta2 |
|
238 0 238 | #ee00ee |
| magenta3 |
|
205 0 205 | #cd00cd |
| magenta4 |
|
139 0 139 | #8b008b |
| orchid1 |
|
255 131 250 | #ff83fa |
| orchid2 |
|
238 122 233 | #ee7ae9 |
| orchid3 |
|
205 105 201 | #cd69c9 |
| orchid4 |
|
139 71 137 | #8b4789 |
| plum1 |
|
255 187 255 | #ffbbff |
| plum2 |
|
238 174 238 | #eeaeee |
| plum3 |
|
205 150 205 | #cd96cd |
| plum4 |
|
139 102 139 | #8b668b |
| mediumorchid1 |
|
224 102 255 | #e066ff |
| mediumorchid2 |
|
209 95 238 | #d15fee |
| mediumorchid3 |
|
180 82 205 | #b452cd |
| mediumorchid4 |
|
122 55 139 | #7a378b |
| darkorchid1 |
|
191 62 255 | #bf3eff |
| darkorchid2 |
|
178 58 238 | #b23aee |
| darkorchid3 |
|
154 50 205 | #9a32cd |
| darkorchid4 |
|
104 34 139 | #68228b |
| purple1 |
|
155 48 255 | #9b30ff |
| purple2 |
|
145 44 238 | #912cee |
| purple3 |
|
125 38 205 | #7d26cd |
| purple4 |
|
85 26 139 | #551a8b |
| mediumpurple1 |
|
171 130 255 | #ab82ff |
| mediumpurple2 |
|
159 121 238 | #9f79ee |
| mediumpurple3 |
|
137 104 205 | #8968cd |
| mediumpurple4 |
|
93 71 139 | #5d478b |
| thistle1 |
|
255 225 255 | #ffe1ff |
| thistle2 |
|
238 210 238 | #eed2ee |
| thistle3 |
|
205 181 205 | #cdb5cd |
| thistle4 |
|
139 123 139 | #8b7b8b |
| grey11 |
|
28 28 28 | #1c1c1c |
| grey21 |
|
54 54 54 | #363636 |
| grey31 |
|
79 79 79 | #4f4f4f |
| grey41 |
|
105 105 105 | #696969 |
| grey51 |
|
130 130 130 | #828282 |
| grey61 |
|
156 156 156 | #9c9c9c |
| grey71 |
|
181 181 181 | #b5b5b5 |
| gray81 |
|
207 207 207 | #cfcfcf |
| gray91 |
|
232 232 232 | #e8e8e8 |
| darkgrey |
|
169 169 169 | #a9a9a9 |
| darkblue |
|
0 0 139 | #00008b |
| darkcyan |
|
0 139 139 | #008b8b |
| darkmagenta |
|
139 0 139 | #8b008b |
| darkred |
|
139 0 0 | #8b0000 |
| lightgreen |
|
144 238 144 | #90ee90 |
Как самостоятельно задать цвет в CSS, задать код, вот несколько вариант:
1. Задать хтмл цвет методом шести цифр шестнадцатеричного кода
В начале, обязательно пишется символ решётка, пример этого варианта: #XXXXXX. Две цифры впереди отвечают за силу и глубину красного оттенка (Red), две следующие цифры зеленый (Green) и оставшиеся две цифры отвечает за синий цвет (Blue). Из букв получаем модель RGB цветосочетания или (rgb таблица). Метод применяется чаще всего для решения задач, чтобы качественно оформить страницы сайта, упростить работу вебмастеру, список кодов замечательно позволяет точно подобрать подходящий оттенок цвета.Примечание Существует более краткая форма обозначения цвета html в виде трех шестнадцатеричных цифры: #XXX. В этом случаи каждый код определяется двухзначным шестнадцатеричным числом, поэтому каждая цифра дублируется. К примеру, #ABC соответствует коду #AABBCC. Также и с цифрами.
2. Задать цвет можно с помощью слов, через его название
Удобный и понятный вариант, вместо цифр по его названию, пишите слово (Red) и получаете красный цвет. Но есть ограничение, малое количество вариантов, которые можно задать по названию, поэтому получает применять только в некоторых случая. И всё же название цвета достаточно во многих ситуациях, чтобы можно было работать с ними, подобрать подходящий для себя соответствующий, хотя бы на время.3. Задание цвета методом трех десятичных чисел
Похожий метод на первый вариант, но с более сложным синтаксисом: rgb(XYZ,XYZ,XYZ), где X, Y, Z — любые десятичные цифры, но XYZ не должны быть больше значения 255. Каждый из трех чисел отделенные запятой отвечают за какой-то цвет (красный, зелёный, синий).Сама таблица цветов html представлен здесь на dle9.com ниже, наглядный пример состоит из трёх вариантов с обозначением в формате цифр, RGB-модели, и названия html и код.
Добавьте эту страницу в закладки браузера,
чтобы всегда была «под рукой».
Для добавления в закладки нажмите Ctrl+D.
Кроме этого, если вы хотите вводить символ, недоступные при использовании обычной клавиатуры, существуют возможность это сделать.
Смотрите также:
Рекомендуем интересные темы
HTML цвета — таблица HTML кодов цветов
На этой странице представлены html цвета. Очень часто при верстке HTML страниц приходится задавать цвет тем или иным элементам на странице, в данной таблице приведены html и RGB коды цветов и их буквенное написание.
При изучении уроков по 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
Просмотров: 100778
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 цветовую палитру.
Как узнать цвет пикселя картинки и его html код
Здравствуй, мой любимый читатель блога FairHeart.ru! При верстке сайтов и работе в графических редакторов я часто сталкиваюсь с проблемой подбора нужного цвета. Очень часто я его беру с какой-то картинки. Чтобы перенести цвет с картинки, нужно узнать ее html код. В этой статья я вам расскажу, как узнать цвет пикселя картинки буквально за пару секунд!
Ключ к этому кроется в бесплатной программе pixie. Она занимает всего 12 КБ и даже не требует установки!!! Вот бы все программы были такими Мечты, мечты… Она состоит только из одно файла экзешника — просто скачайте и запустите его.
В центре вашего экрана появляется небольшое меню, в котором отображаются цвет пикселя, на который указывает ваша мышка, его координата и коды. Pixie выдает код цвета сразу в пяти форматах: HEX, HTML, RGB, CMYK и HSV. Если Вы вебмастер, то чаще всего будете работать с форматом HTML. Для удобство возможно скопировать код HTML в буфер обмена, используя горячие клавиши Ctrl+Alt+C.В дальнейшем его можно задействовать в стилях CSS. Лично я так постоянно и делаю.
Помимо этого pixie имеет пару полезных дополнительных возможностей. Первая из них — это возможность увеличить часть экрана, на которую указывает мышка. Для этого используется сочетание клавиш Ctrl+Alt+Z. Эта функция похожа на лупу.
Если «лупой» я пользуюсь не часто, то вторая дополнительная возможность крайне полезна! Нажав Ctrl+Alt+x откроется встроенный цветовой микшер. Он нужен чтобы создавать свою палитру. Признаюсь честно, до знакомства с этой программкой записывал все на бумажке и благополучно ее терял. Pixie смогла переломить эту прискорбную тенденцию.
С помощью линейки справа настраиваем яркость цвета, а с помощью прицела выбираем сам цвет. Чтобы сохранить понравившийся Вам цвет нажимаем на кнопку «Добавить в набор». Цвет добавляется в перечень «дополнительных цветов». Так же можно с клавиатуры вбить код HTML в соответствующее поле и сохранить его на долгую память. Чтобы перезаписать дополнительный цвет, следует его выбрать, изменить на новый цвет и вновь нажать на «Добавить в набор».
На этом все. Спасибо за внимание и до скорых встреч!
Лучший способ выразить благодарность автору — поделиться с друзьями!
Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:
Следите за обновлениями в Twitter и RSS.
Цвета в HTML — Как создать сайт
Способы указания цвета в языке HTML
Цвета HTMLHTML цвета и способы их указания
В языке HTML, существует два способа указать цвет:
1. С помощью имени цвета,
2. С помощью системы RGB, где цвета заданы в шестнадцатеричном формате.
Имя цвета
Имя цвета в HTML указывается английскими словами, например red или green. Имя цвета выступает в качестве значения атрибута HTML-тега. Имён цветов очень много, в этой статье мы рассмотрим лишь основные из них.
Обычно для задания цвета, в языке HTML используют два атрибута:
1. Атрибут color="имя_цвета" — цвет текста,
2. Атрибут bgcolor="имя_цвета" — цвет фона.
Примеры использования цветовых атрибутов:color="red" — назначаем тексту красный цвет,bgcolor="green" — назначаем фону зелёный цвет.
Таблица основных имён цветов HTML:
| Имя цвета | Его вид | Перевод |
|---|---|---|
| white | Белый | |
| ivory | Слоновая кость | |
| silver | Серебряный | |
| gray | Серый | |
| black | Чёрный | |
| maroon | Тёмно-бордовый | |
| red | Красный | |
| orange | Оранжевый | |
| gold | Золотой | |
| yellow | Жёлтый | |
| olive | Оливковый | |
| lime | Лайм | |
| green | Зелёный | |
| aqua | Морская волна | |
| blue | Синий | |
| navy | Нави | |
| teal | Бирюзовый | |
| fuchsia | Фуксиновый | |
| purple | Пурпурный |
Шестнадцатеричная система счисления
В повседневной жизни мы пользуемся десятичной системой счисления от 0 до 9. Программисты и дизайнеры часто используют шестнадцатеричную систему счисления от 0 до 15, где:
10 = A11 = B12 = C13 = D14 = E15 = F
Практически каждый цвет и оттенок видимый нашему зрению можно записать в шестнадцатеричной системе, например красный цвет red (красный) в шестнадцатеричной системе будет равен ff0000
color="red" — красный цвет, по имени,color="#ff0000" — красный цвет, в шестнадцатеричной системе счисления.
В языке HTML, перед шестнадцатеричным числом, в значении атрибута ставят знак решётки #
RGB
Перед тем как начать указывать цвета в HTML с помощью шестнадцатеричной системы счисления, вам для начала нужно узнать о таком понятии как RGB
RGB — это сокращение от слов Red Green Blue (Красный Зелёный Синий).
Цвет в HTML, записанный в шестнадцатеричной системе состоит из трех блоков чисел 00 00 00, где каждый блок отвечает за один из цветов RGB, первый блок за красный цвет, второй за зелёный цвет, третий за синий цвет. Числа могут варьироваться от 00 до ff.
Где, ff — это 255 в десятичной системе счисления.
Схема RGB:
Red — от 00 до ff
Green — от 00 до ff
Blue — от 00 до ff
В итоге получаем число из шести цифр 000000, где первые два числа отвечают за красный цвет, вторые два числа отвечают за зелёный цвет, третьи два числа отвечают за синий цвет.
Если мы хотим получить красный цвет, то пишем ff0000, зелёный цвет 00ff00, синий цвет 0000ff. Например, если хотим получить тёмно красный цвет, то нужно уменьшить первый блок чисел и вместо ff (который равен в десятичной системе счисления 255), записать например 96 (который равен в десятичной системе счисления 150).
Приведём для наглядности, примеры цветов и их шестнадцатеричный код:
| Цвет | Его вид | Шестнадцатеричный код |
|---|---|---|
| Красный | #ff0000 | |
| Тёмно-красный | #960000 | |
| Зелёный | #00ff00 | |
| Тёмно-зелёный | #009600 | |
| Синий | #0000ff | |
| Тёмно-синий | #000096 | |
| Белый | #ffffff | |
| Чёрный | #000000 |
Смешиваем цвета в HTML
Если вы в школе не пропускали занятия по рисованию, то наверняка помните, что при равномерном смешивании красного и зеленого цвета можно получить жёлтый,
при добавлении к красному цвету немного зелёного можно получить оранжевый и т.д.
Цвета, заданные с помощью шестнадцатеричной системы счисления и RGB, тоже можно смешивать:
| Цвет | Его вид | Шестнадцатеричный код | Что смешали |
|---|---|---|---|
| Желтый | #ffff00 | Красный и зелёный | |
| Оранжевые оттенки | #ff8800 | Красный и немного зелёного | |
| Фиолетовый | #ff00ff | Красный и синий | |
| Фиолетовые оттенки | #8800ff | Немного красного и синий | |
| Голубой | #00aaff | Синий и немного зелёного | |
| Голубые оттенки | #0055ff | Немного зелёного и синий | |
| Серые оттенки | #aaaaaa | Равномерно смешать все три цвета |
Экспериментируя с шестнадцатеричной системой счисления и RGB, вы со временем освоитесь и сами сможете подбирать себе цвет, какой только захотите.
Программы подбора цвета
(На данный момент, сервис от Яндекса отключили, обещают скоро включить.)
В мире существуют множество программ, которые помогут вам подобрать цвет. Например, если в Яндексе набрать слово RGB, то под поиском появится виджет, в котором можно подобрать для себя цвет.
Читать далее: Единицы измерения в HTML
Дата публикации поста: 5 февраля 2016
Дата обновления поста: 16 октября 2014
Навигация по записям
Цвета для сайта | Подбор цвета сайта
Цветовое решение для сайта должно быть определено в соответствии с цветами фирменного стиля компании (если они есть), а также цветовыми предпочтениями целевой аудитории реальных по потенциальных посетителей сайта
Цветовые предпочтения среди мужчин и женщин
Ниже приведены выдержки из маркетингового исследования. Сравнение цветовых предпочтений мужчин и женщин показали следующие результаты:
Изучение восприятия цвета у мужчин и женщин показали, что обе аудитории предпочитают голубой цвет или близкий в голубому. Оценка выбора цвета из смешанных цветов показала, что женщинам больше нравятся цвета, находящиеся ближе к красному концу спектра. Так же, было отмечено, что женщины тяготеют к более мягким цветам, а мужчины к более ярким.
Маркетинговый подход к выбору цвета для сайта
Несмотря на большой соблазн сразу выбрать голубой цвет, в качестве основного цвета сайта, задумайтесь о том, сколько уже сайтов в подобном цветовом решении создано Вашими конкурентами, а также, на сколько этот цвет соответствует фирменному стилю Вашей компании, и предпочтениям именно Вашей аудитории.
Выбор цвета сайта – сложная и ответственная задача. Не решайте ее, основываясь на единичном исследовании или своих личных цветовых предпочтениях. Сайт должен решать ряд задач, в том числе и по отстройке от конкурентов, что в свою очередь, решают и цветовым решением.
Цветовые ассоциации
Безопасные цвета для сайта
Наука о цветовосприятии основана на исследованиях, проведенных Исааком Ньютоном. В 1666 году И.Ньютон дал обоснование теории света и цветов, которая легла в основу развития современной оптики, дизайна (в частности и веб дизайна).
Для удобства выбора цветов сайта, разрабатывая бриф (см. страницу брифа на картинке слева), специалисты студии RBS-Webmarket учли рекомендации лидеров рынка и собственные наработки в этой области.
Специалистам в области веб дизайна известно, что не все цвета корректно отображаются в различных системах и браузерах. В частности, когда браузер не может правильно отобразить запрограммированные цвета сайта, он подбирает похожий или смешивает несколько соседних цветов. При этом какой-то цвет может быть заменен на совершенно не подходящий, не вписывающийся в общий дизайн сайта.
В брифе, над каждым цветом указаны два значения — RGB (для создания цвета в графическом редакторе) и HEX (для обозначения цвета в HTML).
Ниже приведен перечень основных безопасных цветов html, с группировкой по базовым цветам. Безопасные html цвета воспринимают все веб-браузеры, и их количества достаточно для разработки хорошего и качественного дизайна.
| Пример | HTML-код | Эквивалентное название | Название цвета |
| #000000 | black | Черный | |
| #000080 | navy | Темно-синий | |
| #00008B | darkblue | Темно-голубой | |
| #0000CD | mediumblue | Умеренно-голубой | |
| #0000FF | blue | Голубой | |
| #006400 | darkgreen | Темно-зеленый | |
| #008000 | green | Зеленый | |
| #008080 | teal | Чайный | |
| #008B8B | darkcyan | Темный циан | |
| #00BFFF | deepskyblue | Темный небесно-синий | |
| #00CED1 | darkturquoise | Темно-бирюзовый | |
| #00FA9A | mediumspringgreen | Умеренный синевато-серый | |
| #00FF00 | lime | Известковый | |
| #00FF7F | springgreen | Весенний зеленый | |
| #00FFFF | aqua | Синий | |
| #191970 | midnightblue | Ночной синий | |
| #1E90FF | dodgerblue | Тускло-васильковый | |
| #20B2AA | lightseagreen | Светлый морской волны | |
| #228B22 | forestgreen | Лесной зеленый | |
| #2E8B57 | seagreen | Морской волны | |
| #2F4F4F | darkslategray | Темный синевато-серый | |
| #32CD32 | limegreen | Зеленовато-известковый | |
| #3CB371 | mediumseagreen | Умеренный морской волны | |
| #40E0D0 | turquoise | Бирюзовый | |
| #4169E1 | royalblue | Королевский голубой | |
| #4682B4 | steelblue | Голубовато-стальной | |
| #483D8B | darkslateblue | Темный серовато-синий | |
| #48D1CC | mediumturquoise | Умеренно-бирюзовый | |
| #4B0082 | indigo | Индиго | |
| #556B2F | darkolivegreen | Темно-оливковый | |
| #5F9EA0 | cadetblue | Блеклый серо-голубой | |
| #6495ED | cornflowerblue | Васильковый | |
| #66CDAA | mediumaaquamarine | Умеренно-аквамариновый | |
| #696969 | dimgray | Тускло-серый | |
| #6A5ACD | slateblue | Серовато-синий | |
| #6B8E23 | olivedrab | Тускло-коричневый | |
| #708090 | slategray | Синевато-серый | |
| #778899 | lightslategray | Светлый синевато-серый | |
| #7B68EE | mediumslateblue | Умеренный серовато-синий | |
| #7CFC00 | lawngreen | Зеленой травы | |
| #7FFF00 | chartreuse | Фисташковый | |
| #7FFFD4 | aquamarine | Аквамарин | |
| #800000 | maroon | Оранжево-розовый | |
| #800080 | purple | Пурпурный | |
| #808000 | olive | Оливковый | |
| #808080 | gray | Серый | |
| #87CEEB | skyblue | Небесно-голубой | |
| #87CEFA | lightskyblue | Светлый небесно-синий | |
| #8A2BE2 | blueviolet | Светло-фиолетовый | |
| #8B0000 | darkred | Темно-красный | |
| #8B008B | darkmagenta | Темный фуксин | |
| #8B4513 | saddlebrown | Старой кожи | |
| #8FBC8F | darkseagreen | Темный морской волны | |
| #9370DB | mediumpurple | Умеренно-пурпурный | |
| #9400D3 | darkviolet | Темно-фиолетовый | |
| #98FB98 | palegreen | Бледно-зеленый | |
| #9932CC | darkorchid | Темно-орхидейный | |
| #9ACD32 | yellowgreen | Желто-зеленый | |
| #9CEE90 | lightgreen | Светло-зеленый | |
| #A0522D | sienna | Охра | |
| #A52A2A | brown | Коричневый | |
| #A9A9A9 | darkgray | Темно-серый | |
| #ADD8E6 | lightblue | Светло-голубой | |
| #ADFF2F | greenyellow | Желто-зеленый | |
| #AFEEEE | paleturquise | Бледно-бирюзовый | |
| #B0C4DE | lightsteelblue | Светло-стальной | |
| #B0E0E6 | powderblue | Туманно-голубой | |
| #B22222 | firebrick | Огнеупорного кирпича | |
| #B8860B | darkgoldenrod | Темный красно-золотой | |
| #BA55D3 | mediumorchid | Умеренно-орхидейный | |
| #BC8F8F | rosybrown | Розово-коричневый | |
| #BDB76B | darkkhaki | Темный хаки | |
| #C0C0C0 | silver | Серебристый | |
| #C71585 | mediumvioletred | Умеренный красно-фиолетовый | |
| #CD5C5C | indianred | Ярко-красный | |
| #CD853F | peru | Коричневый | |
| #D2691E | chocolate | Шоколадный | |
| #D2B48C | tan | Желтовато-коричневый | |
| #D3D3D3 | lightgray | Светло-серый | |
| #D8BFD8 | thistle | Чертополоха | |
| #DA70D6 | orchid | Орхидейный | |
| #DAA520 | goldenrod | Красного золота | |
| #DB7093 | plaevioletred | Бледный красно-фиолетовый | |
| #DC143C | cornsilk | Малиновый | |
| #DCDCDC | fainsboro | Светлый серо-фиолетовый | |
| #DDA0DD | plum | Сливовый | |
| #DEB887 | burlywood | Старого дерева | |
| #E0FFFF | lightcyan | Светлый циан | |
| #E6E6FA | lavender | Бледно-лиловый | |
| #E9967A | darksalmon | Темный оранжево-розовый | |
| #EE82EE | violet | Фиолетовый | |
| #EEE8AA | palegoldenrod | Бледно-золотой | |
| #F08080 | lightcoral | Светло-коралловый | |
| #F0E68C | khaki | Хаки | |
| #F0F8FF | aliceBlue | Блекло-голубой | |
| #F0FFF0 | honeydew | Свежего меда | |
| #F0FFFF | azure | Лазурь | |
| #F4A460 | sandybrown | Рыже-коричневый | |
| #F5DEB3 | wheat | Пшеничный | |
| #F5F5DC | beige | Бежевый | |
| #F5F5F5 | whitesmoke | Белый дымчатый | |
| #F5FFFA | mintcream | Мятно-кремовый | |
| #F8F8FF | ghostwhite | Туманно-белый | |
| #FA8072 | salmon | Оранжево-розовый | |
| #FAEBD7 | antuqueWhite | Античный белый | |
| #FAF0E6 | linen | Льняной | |
| #FDF5E6 | oldlace | Старого коньяка | |
| #FF00FF | fuchsia | Фуксия | |
| #FF1493 | deeppink | Темно-розовый | |
| #FF4500 | orangered | Красно-оранжевый | |
| #FF6347 | tomato | Томатный | |
| #FF69B4 | hotpink | Ярко-розовый | |
| #FF7F50 | coral | Коралловый | |
| #FF8C00 | darkorange | Темно-оранжевый | |
| #FFA07A | lightsalmon | Светлый оранжево-розовый | |
| #FFA500 | orange | Оранжевый | |
| #FFB6C1 | lightpink | Светло-розовый | |
| #FFC0CB | pink | Розовый | |
| #FFD700 | gold | Золотой | |
| #FFDAB9 | peachpuff | Персиковый | |
| #FFDEAD | navajowhite | Грязно-серый | |
| #FFE4B5 | moccasin | Болотный | |
| #FFE4C4 | bisque | Бисквитный | |
| #FFE4E1 | mistyrose | Туманно-розовый | |
| #FFEBCD | blanchedalmond | Светло-кремовый | |
| #FFEFD5 | papayaawhip | Дыни | |
| #FFF0F5 | lavenderblush | Бледный розово-лиловый | |
| #FFF5EE | seashell | Морской пены | |
| #FFF8DC | cornsilk | Темно-зеленый | |
| #FFFACD | lemonchiffon | Лимонный | |
| #FFFAF0 | floralwhite | Цветочно-белый | |
| #FFFAFA | snow | Снежный | |
| #FFFF00 | yellow | Желтый | |
| #FFFFE0 | lightyellow | Светло-желтый | |
| #FFFFF0 | ivory | Слоновой кости | |
| #FFFFFF | white | Белый |
12 лучших JavaScript плагинов Выбора Цвета (Color Picker)
Здравствуйте, добавив нижеуказанные JavaScript плагины на свои сайты, Вы можете предоставить своим пользователям использовать палитру цвета как для сравнения и выбора цвета, так и для того, чтобы изменять на ходу внешний вид элементов вашего сайта.
JavaScript плагины помогают найти код любого цвета. Цвет состоит из цветовых кодов. Цветовые коды – это просто значение частоты трех цветов: красного, зеленого и синего. Значение частоты трех цветов колеблется от 0 до 255. Поэтому чем выше указана частота использования одного их цветов, тем больше он будет влиять на формирование окончательного цвета.
Каждый код HTML состоит из символа “#” и 6 букв или цифр. Используется шестнадцатеричная система счисления. Например, “FF” в шестнадцатеричной системе соответствует 255 в десятеричной.
Так первыми двумя символами в коде цвета HTML обозначается насыщенность красного цвета. 00 – наименее насыщенный и FF – наиболее насыщенный. Третий и четвертый символы означают насыщенность зеленого, а пятый и шестой – синего. Таким образом, комбинируя разные по насыщенности оттенки красного, зеленого и синего, мы можем получить любой нужный нам цвет.
Если Вы хотите недорого купить новые оригинальные iPhone, iPad, MacBook, iMac, то iStudio – это один из лучших магазинов техники Apple – iStudio116.ru – рекомендуем!
1. Плагин ColorPicker – Advance JavaScript Color Picker
Сайт плагина: “dematte.at/colorPicker/”
GitHub ссылка: “github.com/PitPik/colorPicker”
С помощью этого плагина мы можем получить числовое значение цвета. Цвет выбирается из заданного набора цветов.
2. Плагин Evol – ColorPicker
Сайт плагина: “evoluteur.github.io/colorpicker/”
GitHub ссылка: “github.com/evoluteur/colorpicker”
Дизайн данного плагина выбора цвета похож на Microsoft Office 2010 Color picker. Главное преимущество этого плагна является поддержка прозрачного цвета.
3. Плагин JS Color – Javascript Web Color Picker
Сайт плагина: “jscolor.com/”
Плагин обладает супер легкой установкой (в 2-е строчки). Механизм выбора цвета немного отличается – здесь мы вводим код, чтобы увидеть формирование цвета и выбрать нужное его сочетание.
4. Плагин Jquery Color Palette Picker
Сайт плагина: “htmlpreview.github.io/?https://raw.githubusercontent.com/carloscabo/jquery-palette-color-picker/master/demo.html”
GitHub ссылка: “github.com/carloscabo/jquery-palette-color-picker”
Данный плагин облаедет большим количеством полей формы для выбора цвета.
5. Плагин Farbtastic Color Picker
Сайт плагина: “acko.net/blog/farbtastic-jquery-color-picker-plug-in/”
Плагин, внешне отличающийся от предыдущих. Даёт только номер цвета, хотя в некоторых случаях вроде бы можно получить нормированный цвет по системе HSL (нормированный к единице).
6. Плагин Color Picker Jquery Plugin
Сайт плагина: “eyecon.ro/colorpicker/”
Интерфейс выбора цвета похож на интерфейс программы Adobe Photoshop. Как только мы выбираем цвет – коды цвета отображаются в нижнем поле.
Дизайн интерфейса стильный и простой.
7. Плагин Pick-a-color for Twitter Bootstrap
Сайт плагина: “lauren.github.io/pick-a-color/”
GitHub ссылка: “github.com/lauren/pick-a-color”
Знаменитый фреймворк Bootstrap использует именно этот плагин для выбора цвета. Мы можем просто скачать этот плагин и использовать его в таком же виде на своих сайтах.
8. Плагин ColorJoe – Scaleable Color Picker
Сайт плагина: “bebraw.github.io/colorjoe/”
GitHub ссылка: “github.com/bebraw/colorjoe”
Выбор цвета дает значения цвета, как только мы выбираем цвет из палитры. Четыре типа выбора цвета доступны здесь. Мы обычно используем первый Выбор цвета one-RGB, так как весь цвет, который мы используем, – это комбинированная форма цвета RGB.
9. Плагин FlexiColor Picker
Сайт плагина: “daviddurman.com/flexi-color-picker/”
GitHub ссылка: “github.com/DavidDurman/FlexiColorPicker”
Фон веб-страницы меняется при переключении между цветами. Весь процесс такой же, но из-за изменения всего фона – выбор цвета выглядит более привлекательным и красивым.
10. Плагин Photoshop-like Javascript Color Picker
Сайт плагина: “johndyer.name/photoshop-like-javascript-color-picker/”
Демонстрационная ссылка: “johndyer.name/lab/colorpicker/”
Интерфейс аналогичен интерфейсу Adobe Photoshop. При выборе цвета мы видим значения для всех цветов: красный, зеленый и синий, кроме того, в низу отображается общий цветовой код.
11. Плагин Simple Jquery Color Picker
Сайт плагина: “plnkr.co/edit/VVclW0?p=preview”
GitHub ссылка: “github.com/tkrotoff/jquery-simplecolorpicker”
Здесь представлены различные типы выбора цвета на веб-странице. Мы можем выбрать конкретный тип из представленных вариантов и использовать его на своем сайте.
12. Плагин Jquery Color Pickers
Сайт плагина: “vanderlee.com/martijn/?page_id=314”
Демонстрационная ссылка: “vanderlee.github.io/colorpicker/”
Наряду с плагинами для выбора цвета, используется различная анимация. Анимация придает красивый вид и создает восхитительные эффекты.
На этом всё! Красивых Вам плагинов!
Шестнадцатеричные цветовые коды HTML
Шестнадцатеричные цветовые коды HTMLЦветовые коды HTML и CSS — шестнадцатеричные
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Общественная служба BobSte.в
HTML Шестнадцатеричный код цвета, код цвета RGB и название цвета
Шестнадцатеричный код цвета HTML, код цвета RGB и название цвета| Название цвета | Цвет | Шестнадцатеричный код | R, G, B |
| белый | #FFFFFF | 255,255,255 | |
| черный | # 000000 | 0,0,0 | |
| красный | # FF0000 | 255,0,0 | |
| синий | # 0000FF | 0,0,255 | |
| зеленый | # 008000 | 0,128,0 | |
| желтый | # FFFF00 | 255,255,0 |
| Название цвета | Цвет | Шестнадцатеричный код | R, G, B |
| золото | # FFD700 | 255, 215, 0 | |
| серебристый | # C0C0C0 | 192,192,192 | |
| бронза | # CD7F32 | 205,127,50 | |
| латунь | # B5A642 | 181, 166, 66 | |
| медь | # B87333 | 184, 115, 51 | |
| платина | # Оптимус 4E2 | 229, 228, 226 | |
| изумруд | # 50C878 | 80,200,120 | |
| слоновая кость | # FFFFF0 | 255,255,240 |
| Название цвета | Цвет | Шестнадцатеричный код | R, G, B |
| оранжевый | # FFA500 | 255,165,0 | |
| авокадо | # B2C248 | 178, 194, 72 | |
| абрикос | # FBCEB1 | 251, 206, 177 | |
| слива | # DDA0DD | 251, 206, 177 | |
| персик | # FFDAB9 | 255 218 185 | |
| черника | # 0041C2 | 0, 65, 194 |
| Название цвета | Цвет | Шестнадцатеричный код | R, G, B |
| под старину белый | # FAEBD7 | 250 235 215 | |
| цвет морской волны | # 00FFFF | 0,255, 255 | |
| лазурный | # F0FFFF | 240,255,255 | |
| темно-пурпурный | # 8B008B | 139,0,139 | |
| фуксия | # FF00FF | 255,0,255 | |
| темно-оранжевый | # FF8C00 | 255,140,0 | |
| полуночный синий | # 32CD32 | 50,205,50 | |
| сине-фиолетовый | # 8A2BE2 | 138,43,226 | |
| желто-зеленый | # 9ACD32 | 154,205,50 | |
| зеленовато-желтый | # ADFF2F | 173,255,47 | |
| темно-золотой | # B8860B | 184,134,11 | |
| индийский красный | # CD5C5C | 205,92,92 | |
| перу | # CD853F | 205,133,63 | |
| темный лосось | # E9967A | 233,150,122 | |
| палеголденрод | # EEE8AA | 238 232 170 | |
| диппинк | # FF1493 | 255,20 147 | |
| оранжево-красный | # FF4500 | 255,69,0 | |
| светло-розовый | # FFB6C1 | 255 182 193 | |
| навайовайт | #FFDEAD | 255 222 173 | |
| белый цветочный | # FFFAF0 | 255,250,240 | |
| оливковый | # 808000 | 128,128, 0 | |
| темно-синий | # 000080 | 0,0, 128 | |
| бирюзовый | # 008080 | 0,128, 128 | |
| лайм | # 00FF00 | 0,255, 0 | |
| голубой | # 4682B4 | 70,130,180 | |
| бордовый | # 800000 | 128,0, 0 | |
| оливковый | # 808000 | 128,128,0 | |
| сиена | # A0522D | 160,82,45 | |
| огнеупорный кирпич | # B22222 | 178,34,34 | |
| индийский красный | # CD5C5C | 205,92,92 | |
| орхидея | # DA70D6 | 218 112 214 | |
| малиновый | # DC143C | 220,20,60 | |
| бледно-лиловый | # E6E6FA | 230,230,250 | |
| хаки | # F0E68C | 240,230,140 | |
| пурпурный | # FF00FF | 255,0,255 | |
| коралл | # FF7F50 | 255,127,80 | |
| розовый | # FFC0CB | 255,192,203 | |
| бисквит | # FFE4C4 | 255 228 196 | |
| морская ракушка | # FFF5EE | 255 245 238 | |
| снег | #FFFAFA | 255,250,250 | |
| голубой | # 00FFFF | 0,255,255 | |
| лесозеленый | # 228B22 | 34 139,34 | |
| индиго | # 4B0082 | 75,0,130 | |
| серый | # 708090 | 112,128,144 | |
| зеленый | # 7CFC00 | 124,252,0 | |
| аквамарин | # 7FFFD4 | 127,255,212 | |
| бордовый | # 800000 | 128,0,0 | |
| фиолетовый | # 800080 | 128,0,128 | |
| серый | # 808080 | 128,128,128 | |
| голубой | # 87CEEB | 135,206,235 | |
| палево-зеленый | # 98FB98 | 152 251 152 | |
| голубой | # ADD8E6 | 173 216 230 | |
| розово-коричневый | # BC8F8F | 188 143 143 | |
| шоколад | # D2691E | 210,105,30 | |
| желто-коричневый | # D2B48C | 210,180,140 | |
| фиолетовый | # EE82EE | 238,130,238 | |
| медовая роса | # F0FFF0 | 240,255,240 | |
| песочно-коричневый | # F4A460 | 244,164,96 | |
| пшеница | # F5DEB3 | 245 222 179 | |
| бежевый | # F5F5DC | 245 245 220 | |
| белый дым | # F5F5F5 | 245 245 245 | |
| белье | # FAF0E6 | 250,240,230 | |
| фуксия | # FF00FF | 255,0, 255 | |
| помидор | # FF6347 | 255,99,71 | |
| мокасины | # FFE4B5 | 255 228 181 | |
| весенне-зеленый | # 00FF7F | 0,255,127 | |
| шартрез | # 7FFF00 | 127,255,0 | |
| коричневый | # A52A2A | 165,42,42 | |
| палево-фиолетовый | # DB7093 | 219 112 147 |
| Название цвета | Цвет | Шестнадцатеричный код | R, G, B |
| Тёмно-синий | # 405DE6 | 5,10,230 | |
| Синий | # 5B51D8 | 88,81 216 | |
| Королевский фиолетовый | # 833AB4 | 131,58,180 | |
| Темно-розовый | # C13584 | 193,53,132 | |
| Средне-красный фиолетовый | # E1306C | 225,48,108 | |
| Красный фонарик | # FD1D1D | 253,36,76 | |
| Фламинго | # F56040 | 88,81 216 | |
| Рак | # F77737 | 247,119,55 | |
| Желто-оранжевый | # FCAF45 | 252,175,69 | |
| Саломи | # FFDC80 | 255,220,128 |
| Название цвета | Цвет | Шестнадцатеричный код | R, G, B |
| Сан-Марино | # 4267B2 | 66,103,178 | |
| Белый | #FFFFFF | 255,255,255 |
| Название цвета | Цвет | Шестнадцатеричный код | R, G, B |
| Васильковый | # 4285F4 | 66 133 244 | |
| Пуансон | # DB4437 | 219,68,55 | |
| Селективный желтый | # F4B400 | 244,180,0 | |
| Салем | # 0F9D58 | 15,157,88 |
| Название цвета | Цвет | Шестнадцатеричный код | R, G, B |
| Доджер Синий | # 1DA1F2 | 29,161,242 | |
| Древесный дым | ## 14171A | 20,23,265 | |
| Темно-серый | # 657786 | 101,119,134 | |
| Бледное небо | # AAB8C2 | 170 184 194 | |
| Мистик | # E1E8ED | 225 232 237 | |
| Светлый мистик | # F5F8FA | 245 248 250 |
СЛЕДУЮЩИЙ….. Какого цвета Чакноррис?
Net-informations.com
Шестнадцатеричные коды названных цветов, используемых на страницах HTML,
The Mobile Hex Hub Blues: бирюзово-голубой
Нужен мобильный? Существует мобильная версия этих цветовых диаграмм.Блюз: бирюзово-голубой
Вы здесь
В таблице ниже показаны шестнадцатеричные коды цветов для оттенков синего, бирюзового, голубого и подобных цветов.Эта страница является частью Hex Hub сайта Color Spot на HTML Station. Вы можете использовать краткую справочную таблицу, чтобы выбрать одну из множества других доступных цветовых таблиц или увидеть значение этикеток (Safe 16 SVG Hex3).
Вы можете использовать разные форматы одной и той же информации. (Чтобы проголосовать за эту версию, поделитесь этой ссылкой: )
расширенная версия /
компактная версия
/ Мобильная версия
| azure4 | # 838B8B | светло-голубой4 | # 7A8B8B | azure3 | # C1CDCD | |||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| paletur | темно-серый (SVG) | # 2F4F4F | ||||||||||||||||||||||||||||||
| темно-серый (SVG) | # 2F4F4F | кадет-синий | # 5F | 00 | 911 9197 911 911 911 911 911 911 911 911 911 911 911 911 911 911 911 911 9197 911 9197 911 | 9 | # 528B8B | azure2 | # E0EEEE | paleturquoise3 | # 96CDCD | |||||||||||||||||||||
| sgiteal | # cyan 9119 | 9 светлый | 9 | 19 | 19119 | 9 | 9 светлый # D1EEEEголубой | # 8FD8D8 | аква (Safe Hex3) | # 66CCCC | бирюзовый | #ADEAEA | ||||||||||||||||||||
| средний бледно-бирюзовый 919D 919D 9197 911 911 911 9197 AEEEEE | paleturquoise (SVG) | #AFEEEE | ||||||||||||||||||||||||||||||
| darkslategray2 | # 8DEEEE | мятный | # 3710 9011 | металлик | # 3710 teDFC 919 919 911 919 919 911 919 911 | |||||||||||||||||||||||||||
| темно-синий (SVG) | # 008B8B | голубой3 | # 00CDCD | голубой2 (Hex3) | # 00EEEE | голубой | голубой (Safe 16 = aqua SVG Hex3) | # 00FFFF | darkslategray1 | # 97FFFF | ||||||||||||||||||||||
| палитра бирюзовый1 (Hex3) | #BBFFFF | светло-голубой (SVG) | # E0FFFF | лазурный (SVG) | FF# | темно-голубой (SVG)FF | # F0 | # 00CED1 | cadetblue (SVG) | # 5F9EA0 | бирюзовый4 | # 00868B | ||||||||||||||||||||
| бирюзовый3 0019115 | 91 бирюзовый 3 0019115 91 бирюзовый3# 00F5FF | |||||||||||||||||||||||||||||||
| бассейн | # 67E6EC | fenway monster | # 4A777A | бирюзовый светодиодный индикатор | # 05EDFF21 | # 05EDFF21 | 900# 05EDFF21 | старая медь | # 73B1B7 | индигло | 91 910 # 05E9FF||||||||||||||||||||||
| cadetblue3 | # 7AC5CD | cadetblue2 | # 8EE5EE | Cerulean | # cadetblue2 | # cadetblue | # cadetblue 9111 9111 9111 9119 | # cadetblue 911 ) | # B0E0E6 | пастельно-голубой | # C1F0F6 | |||||||||||||||||||||
| синий nypd | # 39B7CD | lindsay eyes | 911 9191 919 9191 919 | |||||||||||||||||||||||||||||
| Яйцо Робина | # C3E4ED | светло-голубой4 | # 68838B | прибой | # 63D1F4 | |||||||||||||||||||||||||||
| 3 9197AC | 1 9197AC 9197AC||||||||||||||||||||||||||||||||
| голубой (SVG) | # ADD8E6 | |||||||||||||||||||||||||||||||
| голубой2 | # B2DFEE | deepskyblue4 | # 00688B | deepskyblue3 | # 009ACD | # 009ACD | 6 9199 9199 9199 9199 9199 9199 9199 9199 9199 9199 9199 9109 | # 00B2EE | темно-синий (SVG) | # 00BFFF | ||||||||||||||||||||||
| светло-голубой1 | #BFEFFF | павлин | # 338619721 | # 3386 911 911 911 911 911 911 | # 3386197 911 | |||||||||||||||||||||||||||
| skyblue (SVG) | # 87CEEB | summersky | # 38B0DE | полицейский стробоскоп | # 0BB5FF | |||||||||||||||||||||||||||
| 911 911 | 919C 911 9190 9190 9190 9190 9190 919C 919C 911 | каролина синий | # 539DC2 | 9 0721|||||||||||||||||||||||||||||
| голубой стальной | # 236B8E | голубой 6 | # 3299CC | топаз | # 0198E1 | |||||||||||||||||||||||||||
| тихоокеанский синий | # 35586C | |||||||||||||||||||||||||||||||
| синий губка | # 5D92B1 | голубой голубой3 | # 8DB6CD | # 8DB6CD | светлый | l | # A4D3EE | синий туман | # 82CFFD | неоновый синий | # 67C8FF | |||||||||||||||||||||
| голубой голубой1 | # B0E2FF199119 | # B0E2FF19 голубой | # B0E2FF19 | голубойголубой3 | # 6CA6CD | 9005 0 | ||||||||||||||||||||||||||
| skyblue4 | # 4A708B | лазурно-синий | # 9BC4E2 | skyblue2 | # 7EC0EE | |||||||||||||||||||||||||||
| 9 | озеро гурон | # 5D7B93 | ||||||||||||||||||||||||||||||
| синий кит | # 42647F | стальблу (SVG) | # 4682B4 | сталь504 9114 910 910 910 911 910 910 910 910 910 910 911 910 911 4 # 5CACEE | steelblue1 | # 63B8FF | blue dog | # 525C65 | ||||||||||||||||||||||||
| steelblue4 | # 36648B | # 36648B | 911 911 911 911 911 911 911 синий лед # 74BBFB||||||||||||||||||||||||||||||
| aliceblue (SV G) | # F0F8FF | аквамарин | # 4E78A0 | краситель индиго | # 0D4F8B | |||||||||||||||||||||||||||
| слатегрей (SVG10 # # 708090 | Lightslategrey (SVG Hex3) | # 778899 | ||||||||||||||||||||||||||||||
| Lightslategray (SVG Hex3) | # 778899 | Lake Erie | B 911 911 911 911 911 | 9 | 9 | |||||||||||||||||||||||||||
| синий sgilight | # 7D9EC0 | dodgerblue4 | # 104E8B | dodgerblue3 | # 1874CD | EE | FF19EE | FF9000 la | голубой | # 007FFF | dodgerblue (SVG) | # 1E90FF | slategray4 | # 6C7B8B | голубой вереск | # B7C3D0 | синий | 95 синий | slategray2 | # B9D3EE | ||||||||||||
| синее ведро | # 499DF5 | slategray1 | # C6E2FF | 911 911 919 919 911 911 911 911 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 919 # 7AA9DD | синий пикассо | # 0276FD | синий знак | # 003F87 | ||||||||||||||||||||||||
| светло-голубой4 | # 6E7B810 911 | # 6E7B810 | # 6E7B810 | # 6E7B810 | # A2B5CD | |||||||||||||||||||||||||||
| # 4372AA | голубой паук | # 26466D | павлин | # 1D7CF2 | ||||||||||||||||||||||||||||
| голубой тунец | синий камень | # 50729F | ||||||||||||||||||||||||||||||
| синяя птица | # 4973AB | голубой свет (SVG) | # B0C4DE | синий # BCD2EE | незабудки | # 7EB6FF | светло-голубой1 | # CAE1FF | ||||||||||||||||||||||||
| озеро онтарио | # 4D71A3 | 1 синий | 00000 9197 9197 9197 9197 9197 911 9197 9197 гребень mtns# 4981CE | |||||||||||||||||||||||||||||
| синий c ow | # 88ACE0 | химический костюм | # 5993E5 | большой синий автобус | # 3A66A7 | |||||||||||||||||||||||||||
| попугай | # 3579DC | синие джинсы | # 42526C | |||||||||||||||||||||||||||||
| минтай синий | # 4D6FAC | синий YInMn | # 2E5090 | сен-луис-блюз 911G900 | 00 | 00 кукуруза | # 6495ED | нептун | # 6D9BF1 | природный газ | # 5B90F6 | |||||||||||||||||||||
| бабочка ulysses | # 141019919 911 911 911 919 синий | 9911 911 911 911 919 синий 911 919 911 919 синий 911 | # 7093DB | |||||||||||||||||||||||||||||
| небо аляски 919 11 | # 1B3F8B | фреш с черникой | # 5971AD | ty nant | # 0147FA | |||||||||||||||||||||||||||
| кобальт | # 3D59AB | 9198 9198 9198# 3D59AB | 9198 королевский синий# 3A5FCD | |||||||||||||||||||||||||||||
| royalblue (SVG) | # 4169E1 | royalblue2 | # 436EEE | цихлид | алюминий | # A9ACB6 | delft | # 22316C | ||||||||||||||||||||||||
| синий бархат | # 162252 | синий виноград | # 3B41 | 19 | # 3B49 | 19 | синий | |||||||||||||||||||||||||
| дельфин | # 6F7285 | nikko blue | # 838EDE | silver | # E6E8FA | |||||||||||||||||||||||||||
| blue nile | # 7D7F94 | 10FE витраж 91 911 911 911 911 911 9112 mid | # 2192 # 2 | |||||||||||||||||||||||||||||
| васильковый | # 42426F | светло-голубой | # 8F8FBC | richblue | # 5959AB |
| sgislate blue | # 7171C6 | кварцевый | # D9D9F3 | темно-синий | # 23238E | # 23238E | 9119 9119 9119 911 911 911 911 911 | средний | midnightblue (SVG) | # 1 | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| lavender (SVG) | # E6E6FA | midnightblue2 (Safe Hex3) | # 000033 | 907 navy (SVG) 000080|||||||||||||||
| темно-синий (SVG) | # 00008B | newmidnightblue | # 00009C | средне-синий (SVG) | #CD | 0000×300 синий#CD | 000039001 | EE | 0000синий (Safe 16 SVG Hex3) | # 0000FF | royalblue (Safe Hex3) 91 911 | # 3333FF | ||||||
| neonblue | # 4D4DFF | кобальт (Safe Hex3) | # 6666FF | Barwinkle (HeFFx3) | 3AwhiteAwhiteAwhite )#CCCCFF | белый призрак (SVG) | # F8F8FF | кюрасао | # 5B59BA | |||||||||
| ультрамарин | 9117 9117 9112 9117 9117 9117 9117 9117 | 9117 | 9111 9117 9111темно-синее (SVG) | # 483D8B | ||||||||||||||
| синее-синее4 | # 473C8B | синее платье | # 3B3178 | # 3B3178 | синий | синий | # 6959CD | голубой2 | # 7A67EE | 9001 1 | голубой 1 | # 836FFF | ||||||
| голубой грифель | # 8470FF | голубой шифер (SVG) | # 7B68EE | FF | кукуруза средний фиолетовый4 | # 5D478B | средний фиолетовый2 | # 9F79EE | средний фиолетовый3 | # 8968CD | ||||||||
| средний фиолетовый (SVG) 919FF11 | # 8911 | 3 фиолетовыйсиний сейф (Safe Hex3) | # 6600FF | |||||||||||||||
| синий глубокий | # 380474 |
цветовых кодов HTML — 2021 Браузер поддерживает шестнадцатеричные коды
Шестнадцатеричные коды(также известные как цветовые коды) — это один из самых простых способов изменить внешний вид элементов на вашем веб-сайте, включая фон, текст, границы и многое другое.
Существует общая поддержка браузерами многих названий цветов CSS / HTML (перечисленных ниже), таких как text-color: RED. Есть также эквиваленты шестнадцатеричного кода, такие как text-color: # FF0000. Также можно указать версию RGB, например text-color: rgb (255, 0, 0).
Использование шестнадцатеричных значений кажется самым безопасным подходом. Он не полагается на долгосрочное принятие цветовых обозначений со стороны разработчиков браузеров и используется гораздо более широко, чем RGB. Мы предлагаем вам использовать шестнадцатеричные коды для всего будущего веб-дизайна.
Ниже вы найдете самый последний список общепринятых названий цветов с их шестнадцатеричными значениями и значениями RGB. Если вы ищете варианты отдельных цветов, например пастельные, фирменные цвета или цвета спортивных команд, нажмите ссылку «просмотреть все» рядом с каждым разделом.
Красный # FF0000rgb (255, 0, 0)
IndianRed # CD5C5Crgb (205, 92, 92)
LightCoral # F08080rgb (240, 128, 128)
Лосось # FA8072rgb (250, 128, 114)
DarkSalmon # E9967Argb (233, 150, 122)
LightSalmon # FFA07Argb (255, 160, 122)
Малиновый # DC143Crgb (220, 20, 60)
FireBrick # B22222rgb (178, 34, 34)
Темно-красный # 8B0000rgb (139, 0, 0)
Бордовый # 800000rgb (128, 0, 0)
Розовый # FFC0CBrgb (255, 192, 203)
Светло-розовый # FFB6C1rgb (255, 182, 193)
HotPink # FF69B4rgb (255, 105, 180)
DeepPink # FF1493rgb (255, 20, 147)
средний фиолетовый красный # C71585rgb (199, 21, 133)
PaleVioletRed # DB7093rgb (219, 112, 147)
Оранжевый # FFA500rgb (255, 165, 0)
LightSalmon # FFA07Argb (255, 160, 122)
Коралл # FF7F50rgb (255, 127, 80)
Помидор # FF6347rgb (255, 99, 71)
Оранжевый Красный # FF4500rgb (255, 69, 0)
Темно-оранжевый # FF8C00rgb (255, 140, 0)
Желтый # FFFF00rgb (255, 255, 0)
Золото # FFD700rgb (255, 215, 0)
Светло-желтый # FFFFE0rgb (255, 255, 224)
Лимонный шифон # FFFACDrgb (255, 250, 205)
LightGoldenrodYellow # FAFAD2rgb (250, 250, 210)
Кнут Папайи # FFEFD5rgb (255, 239, 213)
Мокасины # FFE4B5rgb (255, 228, 181)
PeachPuff # FFDAB9rgb (255, 218, 185)
PaleGoldenrod # EEE8AArgb (238, 232, 170)
Хаки # F0E68Crgb (240, 230, 140)
Темный хаки # BDB76Brgb (189, 183, 107)
Зеленый # 008000rgb (0, 128, 0)
Зелено-желтый # ADFF2Frgb (173, 255, 47)
Шартрез # 7FFF00rgb (127, 255, 0)
LawnGreen # 7CFC00rgb (124, 252, 0)
Лайм # 00FF00rgb (0, 255, 0)
LimeGreen # 32CD32rgb (50, 205, 50)
PaleGreen # 98FB98rgb (152, 251, 152)
Светло-зеленый # 90EE90rgb (144, 238, 144)
MediumSpringGreen # 00FA9Argb (0, 250, 154)
SpringGreen # 00FF7Frgb (0, 255, 127)
MediumSeaGreen # 3CB371rgb (60, 179, 113)
SeaGreen # 2E8B57rgb (46, 139, 87)
ForestGreen # 228B22rgb (34, 139, 34)
Темно-зеленый # 006400rgb (0, 100, 0)
Желто-зеленый # 9ACD32rgb (154, 205, 50)
OliveDrab # 6B8E23rgb (107, 142, 35)
Оливка # 808000rgb (128, 128, 0)
DarkOliveGreen # 556B2Frgb (85, 107, 47)
Средний Аквамарин # 66CDAArgb (102, 205, 170)
DarkSeaGreen # 8FBC8Brgb (143, 188, 139)
LightSeaGreen # 20B2AArgb (32, 178, 170)
DarkCyan # 008B8Brgb (0, 139, 139)
Бирюзовый # 008080rgb (0, 128, 128)
Синий # 0000FFrgb (0, 0, 255)
Аква # 00FFFFrgb (0, 255, 255)
Голубой # 00FFFFrgb (0, 255, 255)
LightCyan # E0FFFFrgb (224, 255, 255)
PaleTurquoise # AFEEEErgb (175, 238, 238)
Аквамарин # 7FFFD4rgb (127, 255, 212)
Бирюза # 40E0D0rgb (64, 224, 208)
Средний Бирюзовый # 48D1CCrgb (72, 209, 204)
Темно-бирюзовый # 00CED1rgb (0, 206, 209)
CadetBlue # 5F9EA0rgb (95, 158, 160)
SteelBlue # 4682B4rgb (70, 130, 180)
LightSteelBlue # B0C4DErgb (176, 196, 222)
PowderBlue # B0E0E6rgb (176, 224, 230)
Голубой # ADD8E6rgb (173, 216, 230)
SkyBlue # 87CEEBrgb (135, 206, 235)
LightSkyBlue # 87CEFArgb (135, 206, 250)
DeepSkyBlue # 00BFFFrgb (0, 191, 255)
DodgerBlue # 1E90FFrgb (30, 144, 255)
Васильковый # 6495EDrgb (100, 149, 237)
MediumSlateBlue # 7B68EErgb (123, 104, 238)
RoyalBlue # 4169E1rgb (65, 105, 225)
MediumBlue # 0000CDrgb (0, 0, 205)
Темно-синий # 00008Brgb (0, 0, 139)
ВМФ # 000080rgb (0, 0, 128)
MidnightBlue # 1
Фиолетовый # 800080rgb (128, 0, 128)
Лаванда # E6E6FArgb (230, 230, 250)
Чертополох # D8BFD8rgb (216, 191, 216)
Слива # DDA0DDrgb (221, 160, 221)
Фиолетовый # EE82EErgb (238, 130, 238)
Орхидея # DA70D6rgb (218, 112, 214)
Пурпурный # FF00FFrgb (255, 0, 255)
Пурпурный # FF00FFrgb (255, 0, 255)
Средняя Орхидея # BA55D3rgb (186, 85, 211)
средний фиолетовый # 9370DBrgb (147, 112, 219)
Ребекка Пурпурный # 663399rgb (102, 51, 153)
BlueViolet # 8A2BE2rgb (138, 43, 226)
Темно-фиолетовый # 9400D3rgb (148, 0, 211)
Темная орхидея # 9932CCrgb (153, 50, 204)
DarkMagenta # 8B008Brgb (139, 0, 139)
Индиго # 4B0082rgb (75, 0, 130)
SlateBlue # 6A5ACDrgb (106, 90, 205)
DarkSlateBlue # 483D8Brgb (72, 61, 139)
MediumSlateBlue # 7B68EErgb (123, 104, 238)
Коричневый # A52A2Argb (165, 42, 42)
Корнсилк # FFF8DCrgb (255, 248, 220)
BlanchedAlmond # FFEBCDrgb (255, 235, 205)
Бисквит # FFE4C4rgb (255, 228, 196)
Навахо Белый # FFDEADrgb (255, 222, 173)
Пшеница # F5DEB3rgb (245, 222, 179)
BurlyWood # DEB887rgb (222, 184, 135)
Желто-коричневый # D2B48Crgb (210, 180, 140)
RosyBrown # BC8F8Frgb (188, 143, 143)
SandyBrown # F4A460rgb (244, 164, 96)
Золотарник # DAA520rgb (218, 165, 32)
ТемныйГолденрод # B8860Brgb (184, 134, 11)
Перу # CD853Frgb (205, 133, 63)
Шоколад # D2691Ergb (210, 105, 30)
Седло Коричневый # 8B4513rgb (139, 69, 19)
Сиена # A0522Drgb (160, 82, 45)
Серый # 808080rgb (128, 128, 128)
Черный # 000000rgb (0, 0, 0)
Гейнсборо # DCDCDCrgb (220, 220, 220)
Светло-серый # D3D3D3rgb (211, 211, 211)
Серебро # C0C0C0rgb (192, 192, 192)
Темно-серый # A9A9A9rgb (169, 169, 169)
DimGray # 6
LightSlateGray # 778899rgb (119, 136, 153)
SlateGray # 708090rgb (112, 128, 144)
Темно-серый # 2F4F4Frgb (47, 79, 79)
Белый # FFFFFFrgb (255, 255, 255)
Снег # FFFAFArgb (255, 250, 250)
HoneyDew # F0FFF0rgb (240, 255, 240)
MintCream # F5FFFArgb (245, 255, 250)
Azure # F0FFFFrgb (240, 255, 255)
AliceBlue # F0F8FFrgb (240, 248, 255)
GhostWhite # F8F8FFrgb (248, 248, 255)
WhiteSmoke # F5F5F5rgb (245, 245, 245)
Морская ракушка # FFF5EErgb (255, 245, 238)
Бежевый # F5F5DCrgb (245, 245, 220)
OldLace # FDF5E6rgb (253, 245, 230)
Цветочно-белый # FFFAF0rgb (255, 250, 240)
Цвет слоновой кости # FFFFF0rgb (255, 255, 240)
AntiqueWhite # FAEBD7rgb (250, 235, 215)
Белье # FAF0E6rgb (250, 240, 230)
LavenderBlush # FFF0F5rgb (255, 240, 245)
MistyRose # FFE4E1rgb (255, 228, 225)
цветовых кодов HTML
Color Viewer
HEX или RGB-код
Пример формата HEX-кода « # 0000FF» — Пример формата кода RGB « RGB (0,102,51) »
Цвета браузера
Ранние браузеры не поддерживали более 256 «безопасных» цветов.
| Цвет | Шестнадцатеричный код (#RRGGBB) | Десятичный код (R, G, B) | HTML / CSS (название цвета) | # 000000 | rgb (0,0,0) | черный | |||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| # 000033 | rgb (0,0,51) | ||||||||||
| # 000066 | rgb (0, 0,102) | ||||||||||
| # 000099 | rgb (0,0,153) | ||||||||||
| # 0000CC | rgb (0,0,204) | ||||||||||
| # RGB (0,0,255) | синий | ||||||||||
| # 003300 | RGB (0,51,0) | ||||||||||
| # 003333 | RGB (0,51,51) | ||||||||||
| # 003366 | RGB (0,51,102) | ||||||||||
| # 003399 | RGB (0,51,153) | ||||||||||
| # 0033CC | RGB | ||||||||||
| # 0033FF | RGB (0,51,255) | ||||||||||
| # 006600 | RGB (0,102,0) | ||||||||||
| 0 , 51) | |||||||||||
| # 006666 | rgb (0,102,102) | ||||||||||
| # 006699 | rgb (0,102,153) | 90CC 907 |
| # 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) | 0 | rgb (0,204,0) | |||||||
| # 00CC33 | rgb (0,204,51) | |||||||||
| # 00CC66 | RGB (0,204,102) | 00CC99 | RGB (0,204,153) | |||||||
| # 00CCCC | RGB (0,204,204) | 9072 1|||||||||
| # 00CCFF | rgb (0,204,255) | |||||||||
| # 00FF00 | rgb (0,255,0) | лайм | ||||||||
| # 00721 900FF 51) | ||||||||||
| # 00FF66 | rgb (0,255,102) | |||||||||
| # 00FF99 | rgb (0,255,153) | |||||||||
| 9055 | ||||||||||
| 9055 | ||||||||||
| # 00FFFF | rgb (0,255,255) | голубой | ||||||||
| # 330000 | rgb (51,0,0) | |||||||||
| 330033 | # (51,0,51) | |||||||||
| # 330066 | RGB (51,0,102) | |||||||||
| # 330099 | RGB (51,0,153) | |||||||||
| # 3300CC | RGB (51,0,204) | |||||||||
| # 33007FF | ,255) | 9011|||||||||
| # 333300 | rgb (51,51,0) | |||||||||
| # 333333 | rgb (51,51,51) | |||||||||
1
1
0 #
,1902,1902
1,2
Безопасные веб-цвета RGB (красный, зеленый и синий) создаются комбинацией шестнадцатеричных чисел
Три кода с шестью возможными значениями — дают
6 3 = 216 «безопасных» цветов
Чтение шестнадцатеричных цветовых кодов — шестнадцатеричный цвет
Обновлено 02.09.2020
Шестнадцатеричный цветовой код — это один из типов цветового кода HTML, который часто называют шестнадцатеричным или шестнадцатеричным цветом.Причина использования шестнадцатеричных чисел — это удобное для человека представление значений в двоичном коде. Шестнадцатеричные цветовые коды начинаются со знака решетки или хэштега (#), за которым следуют шесть букв и / или цифр. Первые две буквы / цифры относятся к красному, следующие две — к зеленому, а последние две — к синему. Значения цвета определены в значениях от 00 до FF (вместо от 0 до 255 в RGB).
Числа используются при значениях от 1 до 9. Буквы используются, когда значение больше 9.Например:
А = 10
B = 11
С = 12
D = 13
E = 14
F = 15
Чтобы получить шестнадцатеричный цвет, выполните следующие три шага:
Умножьте первое число на 16.
Умножьте второе число на 1.
Сложите два итога.
Если вы цифровой художник, который работает с Adobe Creative Suite, в 3D-приложении или в веб-дизайне, вы слышали и, вероятно, использовали шестнадцатеричные цвета.И даже если вы используете шестигранник каждый день, есть большая вероятность, что вы не совсем понимаете, что происходит с этими комбинациями букв и цифр или как они на самом деле создают цвет.
Вот где пригодится это удобное руководство по чтению шестнадцатеричных цветовых кодов.
Понимание цвета RGB, чтобы помочь вам понять шестнадцатеричный код цвета
Хорошее место для начала, прежде чем переходить к чтению шестнадцатеричных цветовых кодов, — это научиться понимать цвета RGB. Номера RGB основаны на настройках монитора для красного, зеленого и синего света.Изменяя числа RGB, вы сообщаете своему монитору, сколько именно этого цвета света вы хотите сиять.
Если вы разбираетесь в цветовой системе RGB, вы знаете, что цвета представлены следующим образом:
RGB (255, 0, 0)
RGB определяет значения красного (первое число), зеленого (второе число) или синего (третье число). Число 0 означает отсутствие представления цвета, а 255 означает максимально возможную концентрацию цвета.
Итак, в приведенном выше примере вы получаете максимально яркий красный цвет без присутствия зеленого или синего.Если вам нужен только зеленый цвет, используйте RGB (0, 255, 0) , а для синего — RGB (0, 0, 255) . Для других цветов вы будете использовать комбинацию значений цвета, чтобы добиться желаемого результата.
Как читать шестнадцатеричные цветовые коды
Как только вы действительно поймете RGB, вы можете двигаться дальше и научиться читать шестнадцатеричные коды. Это действительно очень просто, если вы знаете формулу. Как упоминалось выше, значения 1-9 указаны численно. Однако для значений 10 и выше цифры заменяют буквы.Итак, A = 10, B = 11, C = 12 и так далее.
Теперь, чтобы вычислить шестнадцатеричное число, есть три быстрых шага (как также указано выше):
Умножьте первое число (или преобразованное число из буквы) на 16.
Умножьте второе число (или преобразованное число из буквы) на 1.
Сложите эти две суммы вместе, чтобы получить одно значение.
Например, шестнадцатеричное число 83 на самом деле 131.Мы пришли к такому выводу по:
Умножение 8 из 83 на 16 (8×16 = 128) .
Умножение 3 из 83 на 1 (3×1 = 3) .
Сложение двух итогов (128 + 3 = 131) .
Другой способ думать об этом:
(8×16) + (3×1) = 131
Работа с буквами — та же концепция. Например, FF = 255, потому что вы умножаете число, представляющее F (15), на 16, а затем умножаете число, представляющее второе F (15), на 1.Затем сложите две суммы, чтобы получить 255. Помните, что число 255 совпадает с числом 255 RGB, которое ярко-красным.
Если вы не хотите выполнять мысленные вычисления, воспользуйтесь инструментом преобразования RGB в HEX.
Прогнозирование цветов
Как только вы разберетесь с числами, вы сможете предсказать, как будет выглядеть цвет, на основе интенсивности красного, зеленого и / или синего цветов. Итак, если вы знаете, что максимальное значение красного без зеленого или синего — # FF0000, вы можете мысленно немного скорректировать значения, чтобы получить оценку для другого цвета.
Другой пример шестнадцатеричного цветового кода — # 7DD0D7, который дает зеленовато-синий цвет.
Общие шестнадцатеричные цветовые коды и их эквиваленты RGB
Может быть полезно запомнить некоторые из наиболее распространенных шестнадцатеричных цветовых кодов не только тогда, когда вы хотите использовать эти точные цвета, но и для того, чтобы помочь вам лучше предсказать, какими будут другие цвета при просмотре шестнадцатеричного цветового кода.
Красный = # FF0000 = RGB (255, 0, 0)
Зеленый = # 008000 = RGB (1, 128, 0)
Синий = # 0000FF = RGB (0, 0, 255)
Белый = #FFFFFF = RGB (255,255,255)
Цвет слоновой кости = # FFFFF0 = RGB (255, 255, 240)
Черный = # 000000 = RGB (0, 0, 0)
Серый = # 808080 = RGB (128, 128, 128)
Серебро = # C0C0C0 = RGB (192, 192, 192)
Желтый = # FFFF00 = RGB (255, 255, 0)
Фиолетовый = # 800080 = RGB (128, 0, 128)
Оранжевый = FFA500 = RGB (255, 165, 0)
Бордовый = # 800000 = RGB (128, 0, 0)
Пурпурный = # FF00FF = RGB (255, 0, 255)
Лайм = # 00FF00 = RGB (0, 255, 0)
Цвет морской волны = # 00FFFF = RGB (0, 255, 255)
Бирюзовый = # 008080 = RGB (0, 128, 128)
Olive = # 808000 = RGB (128, 128, 0)
Navy = # 000080 = RGB (0, 0, 128)
Найдите другие шестнадцатеричные коды цветов или выберите цвет HTML и получите его совпадающее имя и коды.
Выбор цветовой схемы
Самый быстрый способ выбрать цветовую схему для вашего проекта — использовать инструмент цветовой палитры, который позволяет искать группы по:
Этот же инструмент позволяет вам создать свою собственную схему, случайным образом выбирая и фиксируя цвета, которые вам нравятся и которые хорошо смотрятся вместе.
После того, как вы выбрали цветовую схему, вы можете:
Создать коллаж
Изучите и создайте градиент
Проверьте контрасты
Отрегулируйте оттенок, насыщенность, яркость и температуру
Каждому цвету назначается шестнадцатеричный код цвета, который вы можете использовать.В итоге у вас будет собственная цветовая схема, которая идеально подойдет для вашего проекта.
Но прежде чем остановиться на палитре, запомните эти советы по цветовому дизайну:
Учитывайте контекст.
Обратитесь к цветовому кругу.
Выберите монохромную, триадную или раздельную дополнительную цветовую схему.
Думайте не только о предустановках.
Часто задаваемые вопросы о шестнадцатеричных цветах
Мы знаем, что у вас есть еще вопросы о шестнадцатеричных цветах, поэтому мы собрали этот краткий раздел часто задаваемых вопросов.
шестнадцатеричный означает 6?
Да. Hex — это сокращение от Hexa, что в переводе с греческого означает число шесть.
Когда мне следует использовать шестнадцатеричный, а когда — RGB?
Хотя обе системы работают, согласованность имеет первостепенное значение. При разработке для конкретного бренда проверьте их руководство по бренду, чтобы узнать, какой системе следовать, и соответствующим образом преобразуйте цвета.
Как получить шестнадцатеричный код цвета для определенного цвета изображения?
Существует множество бесплатных онлайн-инструментов для выбора цвета, которые позволяют очень легко получить шестнадцатеричный цветовой код для определенного изображения.
Как правило, все, что вам нужно сделать, это либо вставить URL-адрес изображения, либо загрузить изображение в инструмент выбора цвета и выбрать цветной пиксель. Вы получите шестнадцатеричный цветовой код и значения RGB.
Как осветлить или затемнить шестигранный цвет?
Самый простой способ осветлить или затемнить шестнадцатеричный цвет — использовать инструмент шестнадцатеричного цвета CSS. Все, что вам нужно сделать, это:
Введите шестизначный шестнадцатеричный цвет.
Выберите переключатель Светлее или Темнее.
Назначьте процент.
Нажмите «Отправить».
Как изменить шестнадцатеричный цвет в Adobe Illustrator?
Чтобы изменить шестнадцатеричный цвет в Adobe Illustrator, выполните следующие действия:
В новом документе Illustrator нажмите F6.
Дважды щелкните рамку обводки или заливки в окне «Цвет».
Дважды щелкните внутри поля рядом с #.
Введите новый шестнадцатеричный код цвета в поле.
Нажмите ОК.
Завершение
В заключение несколько напоминаний:
Цветовые типы Hex и RGB предназначены для использования на экране при разработке веб-сайтов.
В CSS можно добавить альфа-значение для управления непрозрачностью цвета.
Для бренда постоянство цвета является ключевым моментом.
Несколько инструментов действительно могут помочь с вашими цветовыми кодами:
Всегда стремитесь узнать больше о своей работе, просматривая ресурсы и посещая курсы, предлагаемые Pluralsight!
Понимая, что обозначают числа в шестнадцатеричном цветовом коде, вы сможете лучше предсказать, какой цвет вы можете увидеть.Нет особой разницы между использованием шестнадцатеричного цвета или цвета RGB, за исключением того, что в CSS можно также добавить альфа-значение, так что у вас действительно будет цвет RGBA. Это может быть очень полезно, если вы хотите контролировать непрозрачность цвета. Добавление альфа-значения к вашему RGB, безусловно, один из самых простых способов изменить непрозрачность.
HTML 5 Учебное пособие: Цветовые коды
В этом руководстве вы узнаете, как найти или понять цветовые коды HTML в названиях цветов, шестнадцатеричных, RGB и RGB с альфа-каналом.Вы можете использовать желаемую цветовую реализацию. Если вам нужен простой, базовый и стандартный цвет, вы можете использовать его напрямую по имени (это 140 названий цветов). Для большей точности цвета вы можете использовать шестнадцатеричный или RGB. Кроме того, если вам нужно установить непрозрачность или прозрачность цвета, вы можете использовать RGBA или RGB с альфа-каналом.
Цвет HTML по именам
Вот список цветов HTML 5 по именам, включая шестнадцатеричные коды цветов и предварительный просмотр цветов.
| Название цвета | шестнадцатеричные коды | Цвет | ||
|---|---|---|---|---|
| AliceBlue | # F0F8FF | |||
| AntiqueWhite | # FAEBD7 | |||
| Aqua | # 00FFFF |
1 темно-фиолетовый
1 9011
1
0
1 # 228B22
15
1
1
1
1
150 Красный 721 RosyBrown
1
0
Пример цветового кода
Полный красный цвет
Полностью зеленый цвет
Полный синий цвет
Полностью желтый цвет
Полный голубой цвет
Полный фиолетовый цвет
Цвет HTML в шестнадцатеричном формате
Цвет HTML в шестнадцатеричном формате представляет собой последовательность из двух шестнадцатеричных цифр x 3, начинающихся с решетки ‘#’.
Итак, формула сочетания цветов в HEX: #RRGGBB
RR = Красное значение в HEX
GG = Зеленое значение в HEX
BB = Синее значение в HEX
Просто отрегулируйте интенсивность каждого красного, зеленого и синего цветов, изменив значения RR, GG, BB, чтобы получить желаемый цвет.
00 = 255 = Понижает до нуля интенсивность красного / зеленого / синего
FF = 0 = Наивысшая интенсивность красного / зеленого / синего
Пример 1: Одноцветный
Пример цветового кода
Пример одного цвета
Полный красный цвет
Полностью зеленый цвет
Полный синий цвет
Пример 2: Сочетание цветов
Пример цветового кода
Комбинированный цветовой код
Красный + зеленый = желтый
Зеленый + синий = голубой
Красный + синий = фиолетовый
Цвет HTML по RGB (красный, зеленый, синий)
Цветовые коды HTML RGB используют комбинацию красного, зеленого и синего цветов, которые определяют интенсивность по числу.Начиная с 0 до 255 число, где 0 — самая низкая или нулевая интенсивность цвета, а 255 — самая высокая интенсивность цвета.
Формула такая: RGB (RRR, GGG, BBB)
RRR = Красный цвет в трехзначном номере 0-255
GGG = Зеленый цвет в трехзначном номере 0-255
BBB = Синий цвет в трехзначном номере 0-255
Пример 3: один цвет RGB HTML
Пример цветового кода
Полный красный цвет
Полностью зеленый цвет
Полный синий цвет
Пример 4: двухцветная комбинация HTML RGB
Пример цветового кода
Красный + зеленый = желтый
Зеленый + синий = голубой
Красный + синий = фиолетовый
Прозрачность цвета HTML по RGBA (красный, зеленый, синий, альфа)
Чтобы показать прозрачность цвета, просто добавляет альфа к цветовым кодам RGB.
Формула такая: RGBA (RRR, GGG, BBB, A.A)
RRR = красный цвет в трехзначном номере 0-255
GGG = зеленый цвет в трехзначном номере 0-255
BBB = синий цвет в трехзначном номере 0-255
AA = альфа / прозрачность в числе с плавающей запятой 0,0 — 1,0
Пример 5: Один цвет RGBA
Пример цветового кода
Полный красный цвет
Полностью зеленый цвет
Полный синий цвет
Пример 6: комбинация 2 цветов RGBA
Пример цветового кода
Красный + зеленый = желтый
Зеленый + синий = голубой
Красный + синий = фиолетовый
Это простой базовый цветовой код HTML 5.Примеров немного, но это наиболее часто используемые цветовые коды в веб-приложении или на страницах HTML.