Уеб цветовете | цветове, използвани при проектирането на уеб страници
Уеб цветовете са цветовете, използвани при проектирането на уеб страници, както и начините за описание и изброяване на тези цветове.
Има няколко начина за избор на цветове за части от уеб страници. Цветовете могат да бъдат посочени като RGB триплет (набор от три числа) в шестнадесетичен формат (шестнадесетичен триплет). RGB триплетът може да съставлява 16 777 216 различни цвята. Много често срещани цветове могат да бъдат избрани и чрез общоприетите им имена на английски език. Често за създаване на стойности на цветовете се използва инструмент за цветове или друг графичен софтуер.
Първите версии на Mosaic и Netscape Navigator използваха имената на цветовете в X11 като основа за своите списъци с цветове. Това се дължи на факта, че и двата продукта стартираха като приложения на X Window System.
Всеки уеб цвят има своя собствена дефиниция - sRGB. Това е свързано с хроматичността на един фосфорен комплект, дадена крива на трансфер, адаптивна бяла точка и условия на гледане. Те са избрани така, че да са подобни на много реални монитори и условия на гледане. Дори и без управление на цветовете, създадените цветове са доста близки до дадените стойности. Потребителските агенти обаче могат да се различават по отношение на точността, с която показват цветовете. По-добрите потребителски агенти използват управление на цветовете, за да създадат по-добра вярност на цветовете. Това е важно за приложенията от уеб за печат.
Шестнайсетична тройка
Шестцифреният триплет е шестцифрено трибайтово число, използвано в HTML, CSS, SVG и други компютърни програми за представяне на цветове. Байтовете представляват червената, зелената и синята част на цвета. Един байт представлява число в диапазона от 00 до FF, или от 0 до 255 в десетичен запис. Това представлява най-малката (0) до най-голямата (255) интензивност на всеки от компонентите на цвета. Шестнайсетичният триплет се образува чрез конкатенация на три байта в шестнайсетична нотация в следния ред:
Байт 1: червена стойност (тип цвят червен)
Байт 2: стойност на зеления цвят (тип зелен цвят)
Байт 3: стойност на синьото (тип цвят синьо)
Например разгледайте цвят, при който стойностите червено/зелено/синьо са десетични числа: червено=36, зелено=104, синьо=160 (сиво-син цвят). Десетичните числа 36, 104 и 160 са подобни съответно на числата 24, 68 и А0. Шестнайсетичната тройка се получава чрез комбиниране на 6-те шестнайсетични цифри заедно, 2468A0 в този пример.
HTML уеб цветове
Създаден през 1997 г., първоначално има 16 цвята. По-късно е добавен оранжев цвят, за да станат общо 17. Първоначалните 16 са част от нещо, наречено "шаблон Windows VGA", което означава, че това са цветовете, които могат да се използват за действия като подчертаване.
Цвят | Шестнадесетична система | Цвят | Шестнадесетична система | Цвят | Шестнадесетична система | Цвят | Шестнадесетична система |
аква | #00FFFF | сив | #808080 | флотски | #000080 | сребро | #C0C0C0 |
черен | #000000 | зелен | #008000 | маслини | #808000 | тил | #008080 |
син | #0000FF | вар | #00FF00 | лилаво | #800080 | бял | #FFFFFF |
фуксия | #FF00FF | бордо | #800000 | червен | #FF0000 | жълт | #FFFF00 |
Списък на имената на цветовете в HTML
Таблицата по-долу съдържа всички 140 цвята на HTML. Всички съвременни браузъри ги поддържат.
HTML име | Hex | Десетичен код R G B | Червени цветове | Crimson | #DC143C | 220 20 60 | Светъл корал | #F08080 | 240 128 128 | Индийско червено | #CD5C5C | 205 92 92 | Огнена тухла | #B22222 | 178 34 34 | Кафяв | #A52A2A | 165 42 42 | Червено | #FF0000 | 255 0 0 | Тъмно червено | #8B0000 | 139 0 0 | Maroon | #800000 | 128 0 0 | Сьомга | #FA8072 | 250 128 114 | Розови и розови цветове | Розов | #FFC0CB | 255 192 203 | Светло розово | #FFB6C1 | 255 182 193 | Бледо виолетово червено | #DB7093 | 219 112 147 | Горещо розово | #FF69B4 | 255 105 180 | Наситено розово | #FF1493 | 255 20 147 | Оранжеви цветове | Праскова Puff | #FFDAB9 | 255 218 185 | Тъмна сьомга | #E9967A | 233 150 122 | Лека сьомга | #FFA07A | 255 160 122 | Корал | #FF7F50 | 255 127 80 | Домати | #FF6347 | 255 99 71 | ОранжевоЧервено | #FF4500 | 255 69 0 | Папая камшик | #FFEFD5 | 255 239 213 | Мокасин | #FFE4B5 | 255 228 181 | Тъмно оранжево | #FF8C00 | 255 140 0 | Orange | #FFA500 | 255 165 0 | | | | Жълти цветове | Светъл златист жълт цвят | #FAFAD2 | 250 250 210 | Блед златен равнец | #EEE8AA | 238 232 170 | Goldenrod | #DAA520 | 218 165 32 | Тъмно златисточервено | #B8860B | 184 134 11 | Злато | #FFD700 | 255 215 0 | Лимонов шифон | #FFFACD | 255 250 205 | Светло жълто | #FFFFE0 | 255 255 224 | Жълт | #FFFF00 | 255 255 0 | Маслини | #808000 | 128 128 0 | Хаки | #F0E68C | 240 230 140 | Тъмно каки | #BDB76B | 189 183 107 | Виолетови, лилави и магента цветове | Лавандула | #E6E6FA | 230 230 250 | Средно лилаво | #9370DB | 147 112 219 | Синьо виолетово | #8A2BE2 | 138 43 226 | Тъмно виолетово | #9400D3 | 148 0 211 | Indigo | #4B0082 | 75 0 130 | Средна орхидея | #BA55D3 | 186 85 211 | Тъмна орхидея | #9932CC | 153 &50 204 | Магарешки бодил | #D8BFD8 | 216 191 216 | Сливи | #DDA0DD | 221 160 221 | Violet | #EE82EE | 238 130 238 | Орхидея | #DA70D6 | 218 112 214 | Фуксия или магента | #FF00FF | 255 0 255 | Тъмно магента | #8B008B | 139 0 139 | Лилаво | #800080 | 128 0 128 | Средно виолетово червено | #C71585 | 199 21 133 | | HTML име | Hex | Десетичен код R G B | Зелени цветове | Жълто-зелено | #9ACD32 | 154 205 50 | Olive Drab | #6B8E23 | 107 142 35 | Тъмно маслинено зелено | #556B2F | 85 107 47 | Зелено и жълто | #ADFF2F | 173 255 47 | Chartreuse | #7FFF00 | 127 255 0 | Зелена морава | #7CFC00 | 124 252 0 | Lime | #00FF00 | 0 255 0 | Зелен | #008000 | 0 128 0 | Тъмнозелено | #006400 | 0 100 0 | Бледо зелено | #98FB98 | 152 251 152 | Светлозелено | #90EE90 | 144 238 144 | Лаймско зелено | #32CD32 | 50 205 50 | Горско зелено | #228B22 | 34 139 34 | Средно пролетно зелено | #00FA9A | 0 250 154 | Пролетно зелено | #00FF7F | 0 255 127 | Средно морско зелено | #3CB371 | 60 179 113 | Морско зелено | #2E8B57 | 46 139 87 | Тъмно морско зелено | #8FBC8F | 143 188 143 | Сини цветове | Аквамарин | #7FFFD4 | 127 255 212 | Среден аквамарин | #66CDAA | 102 205 170 | Тюркоаз | #40E0D0 | 64 224 208 | Среден тюркоаз | #48D1CC | 72 209 204 | Тъмно тюркоазено | #00CED1 | 0 206 209 | Бледо тюркоазено | #AFEEEE | 175 238 238 | Светло морско зелено | #20B2AA | 32 178 170 | Светло синьо | #E0FFFF | 224 255 255 | Aqua или Cyan | #00FFFF | 0 255 255 | Тъмно синьо | #008B8B | 0 139 139 | Teal | #008080 | 0 128 128 | Прахово синьо | #B0E0E6 | 176 224 230 | Кадетско синьо | #5F9EA0 | 95 158 160 | Лазурни и сини цветове | Светлосиньо | #ADD8E6 | 173 216 230 | Небесно синьо | #87CEEB | 135 206 235 | Светло небесно синьо | #87CEFA | 135 206 250 | Дълбоко небесно синьо | #00BFFF | 0 191 255 | Dodger Blue | #1E90FF | 30 144 255 | Светло синьо стомана | #B0C4DE | 176 196 222 | Стоманено синьо | #4682B4 | 70 130 180 | Василено синьо | #6495ED | 100 149 237 | Кралско синьо | #4169E1 | 65 105 225 | Синьо | #0000FF | 0 0 255 | Средно синьо | #0000CD | 0 0 205 | Тъмно синьо | #00008B | 0 0 139 | Военноморски флот | #000080 | 0 0 128 | Среднощно синьо | #191970 | 25 25 112 | Средно шистово синьо | #7B68EE | 123 104 238 | Шистово синьо | #6A5ACD | 106 90 205 | Тъмно шистово синьо | #483D8B | 72 61 139 | | HTML име | Hex | Десетичен код R G B | Кафяви цветове | Cornsilk | #FFF8DC | 255 248 220 | Бланширан бадем | #FFEBCD | 255 235 205 | Bisque | #FFE4C4 | 255 228 196 | Бяло Навахо | #FFDEAD | 255 222 173 | Пшеница | F5 DE B3 | 245 222 179 | Burlywood | DE B8 87 | 222 184 135 | Tan | D2 B4 8C | 210 180 140 | Роузи Браун | BC 8F 8F | 188 143 143 | Санди Браун | F4 A4 60 | 244 164 96 | Перу | CD 85 3F | 205 133 63 | Шоколад | D2 69 1E | 210 105 30 | Кафяво седло | 8B 45 13 | 139 69 19 | Сиена | A0 52 2D | 160 82 45 | Бели цветове | Бял | FF FF FF FF | 255 255 255 | Сняг | FF FA FA | 255 250 250 | Медена роса | F0 FF F0 | 240 255 240 | Мента крем | F5 FF FA | 245 255 250 | Azure | F0 FF FF | 240 255 255 | Алиса Блу | F0 F8 FF | 240 248 255 | Бял призрак | F8 F8 FF | 248 248 255 | Бял дим | F5 F5 F5 F5 | 245 245 245 | Морска раковина | FF F5 EE | 255 245 238 | Бежов | F5 F5 DC | 245 245 220 | Стара дантела | FD F5 E6 | 253 245 230 | Флорално бяло | FF FA F0 | 255 250 240 | Слонова кост | FF FF F0 | 255 255 240 | Антично бяло | FA EB D7 | 250 235 215 | Бельо | FA F0 E6 | 250 240 230 | Лавандулов руж | FF F0 F5 | 255 240 245 | Мисти Роуз | FF E4 E1 | 255 228 225 | Сиви цветове | Гейнсбъро | DC DC DC | 220 220 220 | Светло сиво | D3 D3 D3 D3 | 211 211 211 | Silver | C0 C0 C0 C0 | 192 192 192 | Тъмно сиво | A9 A9 A9 | 169 169 169 | Сив | 80 80 80 | 128 128 128 | Дим Сив | 69 69 69 | 105 105 105 | Светло шистово сиво | 77 88 99 | 119 136 153 | Шистово сиво | 70 80 90 | 112 128 144 | Тъмно шистово сиво | 2F 4F 4F | 47 79 79 | Черно | 00 00 00 | 0 0 0 | |
Цветове на X11 (формулирани през 1987 г.)
От изобретяването на World Wide Web през 1991 г. те се наричат "уеб цветове X11".
Име на X11 | Hex | Десетичен код R G B | Червени цветове | светлокорал | #F08080 | 240 128 128 | indianred | #CD5C5C | 205 92 92 | indianred1 | #FF6A6A | 255 106 106 | indianred2 | #EE6363 | 238 99 99 | indianred3 | #CD5555 | 205 85 85 | indianred4 | #8B3A3A | 139 58 58 | огнеупорна тухла | #B22222 | 178 34 34 | кафяво | #A52A2A | 165 42 42 | червено1 | #FF0000 | 255 0 0 | червено4 | #8B0000 | 139 0 0 | сьомга | #FA8072 | 250 128 114 | Розови и розови цветове | розов | #FFC0CB | 255 192 203 | светлорозов | #FFB6C1 | 255 182 193 | hotpink | #FF69B4 | 255 105 180 | deeppink1 | #FF1493 | 255 20 147 | бледолилавочервен | #DB7093 | 219 112 147 | бордо | #B03060 | 176 48 96 | Оранжеви цветове | peachpuff1 | #FFDAB9 | 255 218 185 | тъмна сьомга | #E9967A | 233 150 122 | светлинна сврака1 | #FFA07A | 255 160 122 | корал | #FF7F50 | 255 127 80 | домат1 | #FF6347 | 255 99 71 | оранжевочервен1 | #FF4500 | 255 69 0 | папаяжини | #FFEFD5 | 255 239 213 | мокасини | #FFE4B5 | 255 228 181 | darkorange | #FF8C00 | 255 140 0 | orange1 | #FFA500 | 255 165 0 | | | | Жълти цветове | светлозлатисто-жълт | #FAFAD2 | 250 250 210 | lightgoldenrod1 | #FFEC8B | 250 250 210 | lightgoldenrod2 | #EEDC82 | 238 220 130 | lightgoldenrod3 | #CDBE70 | 205 190 112 | lightgoldenrod4 | #8B814C | 139 129 76 | palegoldenrod | #EEE8AA | 238 232 170 | златен рог | #DAA520 | 218 165 32 | goldenrod1 | #FFC125 | 255 193 37 | goldenrod2 | #EEB422 | 238 180 34 | goldenrod3 | #CD9B1D | 205 155 29 | goldenrod4 | #8B6914 | 139 105 20 | darkgoldenrod | #B8860B | 184 134 11 | darkgoldenrod1 | #FFB90F | 255 184 15 | darkgoldenrod2 | #EEAD0E | 238 173 14 | darkgoldenrod3 | #CD950C | 205 149 12 | darkgoldenrod4 | #8B6508 | 139 101 8 | злато1 | #FFD700 | 255 215 0 | злато2 | #EEC900 | 238 201 0 | злато3 | #CDAD00 | 205 173 0 | злато4 | #8B7500 | 139 177 0 | lemonchiffon1 | #FFFACD | 255 250 205 | lemonchiffon2 | #EEE9BF | 238 233 191 | lemonchiffon3 | #CDC9A5 | 2O5 201 165 | lemonchiffon4 | #8B8970 | 139 137 112 | светложълт1 | #FFFFE0 | 255 255 224 | светложълт2 | #EEEED1 | 238 238 209 | светложълт3 | #CDCDB4 | 205 205 180 | светложълт4 | #8B8B7A | 139 139 122 | жълт1 | #FFFF00 | 255 255 0 | жълт2 | #EEEE00 | 238 238 0 | жълт3 | #CDCD00 | 205 205 0 | жълт4 | #8B8B00 | 139 139 0 | каки | #F0E68C | 240 230 140 | каки1 | #FFF68F | 255 246 143 | каки2 | #EEE685 | 238 230 133 | каки3 | #CDC673 | 205 198 115 | каки4 | #8B864E | 139 134 78 | darkkhaki | #BDB76B | 189 183 107 | Виолетови, лилави и магента цветове | лавандула | #E6E6FA | 230 230 250 | средно пурпурен | #9370DB | 147 112 219 | blueviolet | #8A2BE2 | 138 43 226 | darkviolet | #9400D3 | 148 0 211 | лилаво | #A020F0 | 160 32 240 | mediumorchid | #BA55D3 | 186 85 211 | darkorchid | #9932CC | 153 50 204 | магарешки бодил | #D8BFD8 | 216 191 216 | слива | #DDA0DD | 221 160 221 | виолетово | #EE82EE | 238 130 238 | орхидея | #DA70D6 | 218 112 214 | магента | #FF00FF | 255 0 255 | maroon1 | #FF34B3 | 255 52 179 | maroon2 | #EE30A7 | 238 48 167 | maroon3 | #CD2990 | 205 41 144 | maroon4 | #8B1C62 | 139 28 98 | средновиолетовочервен | #C71585 | 199 21 133 | виолетовочервен | #D02090 | 208 32 144 | | Име на X11 | Hex | Десетичен код R G B | Зелени цветове | жълто-зелен | #9ACD32 | 154 205 50 | olivedrab | #6B8E23 | 107 142 35 | darkoliegreen | #556B2F | 85 107 47 | зеленожълт | #ADFF2F | 173 255 47 | шарлан1 | #7FFF00 | 127 255 0 | lawngreen | #7CFC00 | 124 252 0 | зелен1 | #00FF00 | 0 255 0 | зелен4 | #008B00 | 0 139 0 | тъмнозелен | #006400 | 0 100 0 | palegreen | #98FB98 | 152 251 152 | лимецово зелено | #32CD32 | 50 205 50 | forestgreen | #228B22 | 34 139 34 | средно зелено пръскане | #00FA9A | 0 250 154 | springgreen1 | #00FF7F | 0 255 127 | средно зелено | #3CB371 | 60 179 113 | морски зеленина1 | #54FF9F | 46 139 87 | darkseagreen | #8FBC8F | 143 188 143 | Сини цветове | аквамарин | #7FFFD4 | 127 255 212 | среден аквамарин | #66CDAA | 102 205 170 | тюркоаз | #40E0D0 | 64 224 208 | mediumturquoise | #48D1CC | 72 209 204 | darkturquoise | #00CED1 | 0 206 209 | палитра тюркоаз | #AFEEEE | 175 238 238 | светлосенки | #20B2AA | 32 178 170 | lightcyan1 | #E0FFFF | 224 255 255 | циан1 | #00FFFF | 0 255 255 | циан2 | #00EEEE | 0 238 238 | циан3 | #00CDCD | 0 205 205 | циан4 | #008B8B | 0 139 139 | праховосиньо | #B0E0E6 | 176 224 230 | cadetblue | #5F9EA0 | 95 158 160 | Лазурни и сини цветове | светлосиньо | #ADD8E6 | 173 216 230 | небесносиньо | #87CEEB | 135 206 235 | lightskyblue | #87CEFA | 135 206 250 | deepskyblue1 | #00BFFF | 0 191 255 | dodgerblue1 | #1E90FF | 30 144 255 | lightsteelblue | #B0C4DE | 176 196 222 | steelblue | #4682B4 | 70 130 180 | cornflowerblue | #6495ED | 100 149 237 | кралско синьо | #4169E1 | 65 105 225 | син1 | #0000FF | 0 0 255 | син2 | #0000EE | 0 0 238 | средно синьо | #0000CD | 0 0 205 | син4 | #00008B | 0 0 139 | Навибълу | #000080 | 0 0 128 | midnightblue | #191970 | 25 25 112 | средна тъмносиня | #7B68EE | 123 104 238 | slateblue | #6A5ACD | 106 90 205 | darkslateblue | #483D8B | 72 61 139 | | Име на X11 | Hex | Десетичен код R G B | Кафяви цветове | cornsilk1 | FF F8 DC | 255 248 220 | бланширан бадем | FF EB CD | 255 235 205 | бисквит1 | FF E4 C4 | 255 228 196 | navajowhite1 | FF DE AD | 255 222 173 | пшеница | F5 DE B3 | 245 222 179 | Burlywood | DE B8 87 | 222 184 135 | тен | D2 B4 8C | 210 180 140 | розовокафяв | BC 8F 8F | 188 143 143 | sandybrown | F4 A4 60 | 244 164 96 | Перу | CD 85 3F | 205 133 63 | шоколад | D2 69 1E | 210 105 30 | кафяво седло | 8B 45 13 | 139 69 19 | Сиена | A0 52 2D | 160 82 45 | Бели цветове | бял | FF FF FF FF | 255 255 255 | сняг1 | FF FA FA | 255 250 250 | манов мед1 | F0 FF F0 | 240 255 240 | mintcream | F5 FF FA | 245 255 250 | лазур1 | F0 FF FF | 240 255 255 | Aliceblue | F0 F8 FF | 240 248 255 | ghostwhite | F8 F8 FF | 248 248 255 | whitesmoke | F5 F5 F5 F5 | 245 245 245 | раковина1 | FF F5 EE | 255 245 238 | бежов | F5 F5 DC | 245 245 220 | Oldlace | FD F5 E6 | 253 245 230 | цветнобяло | FF FA F0 | 255 250 240 | слонова кост1 | FF FF F0 | 255 255 240 | античнобяло | FA EB D7 | 250 235 215 | лен | FA F0 E6 | 250 240 230 | лавандулов руж1 | FF F0 F5 | 255 240 245 | mistyrose1 | FF E4 E1 | 255 228 225 | Сиви цветове | gainsboro | DC DC DC | 220 220 220 | светлосиво | D3 D3 D3 D3 | 211 211 211 | сребро | C0 C0 C0 C0 | 192 192 192 | darkgray | A9 A9 A9 | 169 169 169 | сив | 80 80 80 | 128 128 128 | dimgray | 69 69 69 | 105 105 105 | светлосенки | 77 88 99 | 119 136 153 | слъчева боя | 70 80 90 | 112 128 144 | darkslategray | 2F 4F 4F | 47 79 79 | черен | #000000 | 0 0 0 | |
Диаграма на избраните уеб цветове
Тази диаграма показва избрани цветове на HTML и X11, както и избрани неофициални консенсусни уеб цветове, разработени от уеб дизайнери от 2002 г. насам. При въвеждане на код, използващ неофициалните цветове, трябва да се посочи шестнадесетичният код на цвета, вместо да се изписва името на цвета.
Въпроси и отговори
В: Какво представляват цветовете на мрежата?
О: Уеб цветовете са цветовете, използвани при проектирането на уеб страници, както и начините за описване и изброяване на тези цветове.
В: Колко различни цвята могат да бъдат създадени с RGB триплети?
О: RGB тройките могат да създадат 16 777 216 различни цвята.
В: Има ли общоприети английски имена за някои от тези цветове?
О: Да, много често срещани цветове могат да бъдат избрани и чрез техните общоприети английски имена.
В: Какъв софтуер обикновено се използва за създаване на стойности на цветовете?
О: Често за създаване на стойности на цветовете се използва инструмент за цветове или друг графичен софтуер.
Въпрос: Каква е основата на оригиналните списъци с цветове на Mosaic и Netscape Navigator?
О: Първите версии на Mosaic и Netscape Navigator използваха имената на цветовете на X11 като основа за своите цветови списъци, тъй като и двете програми започнаха като приложения на X Window System.
Въпрос: С какво е свързано sRGB, когато става въпрос за уеб цветове?
О: Всеки уеб цвят има своя собствена дефиниция, sRGB, която се отнася до хроматичността на един фосфорен комплект, дадена крива на трансфер, адаптивна бяла точка и условия на гледане.
В: Как потребителските агенти показват тези цветове точно?
О: По-добрите потребителски агенти използват управление на цветовете, за да създадат по-добра вярност на цветовете, което е важно за приложенията за печат от уеб.