Названия цветов. Html цветов


Названия цветов | htmlbook.ru



htmlbook.ru 

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

Табл. 1. Названия цветов и их значения Название Цвет Значение Валидный
aliceblue   #f0f8ff
antiquewhite   #faebd7
aqua   #00ffff
aquamarine   #7fffd4
azure   #f0ffff
beige   #f5f5dc
bisque   #ffe4c4
black   #000000
blanchedalmond   #ffebcd
blue   #0000ff
blueviolet   #8a2be2
brown   #a52a2a
burlywood   #de8887
cadetblue   #5f9ea0
chocolate   #d2691e
coral   #ff7f50
cornflowerblue   #6495ed
cornsilk   #fff8dc
crimson   #dc143c
cyan   #00ffff
darkblue   #00008b
darkcyan   #008b8b
darkgoldenrod   #b8860b
darkgray   #a9a9a9
darkgreen   #006400
darkkhaki   #bdb76d
darkmagenta   #8b008b
darkolivegreen   #556b2f
darkorange   #ff8c00
darkorchid   #9932cc
darkred   #8b0000
darksalmon   #e9967a
darkseagreen   #8fbc8f
darkslateblue   #483d8b
darkslategray   #2f4f4f
darkturquoise   #00ced1
darkviolet   #9400d3
deeppink   #ff1493
deepskyblue   #00bfff
dimgray   #696969
dodgerblue   #1e90ff
firebrick   #b22222
floralwhite   #fffaf0
forestgreen   #228b22
fuchsia   #ff00ff
gainsboro   #dcdcdc
ghostwhite   #f8f8ff
gold   #ffd700
goldenrod   #daa520
gray   #808080
grey   #808080
green   #008000
greenyellow   #adff2f
honeydew   #f0fff0
hotpink   #ff69b4
indianred   #cd5c5c
indigo   #4b0082
ivory   #fffff0
khaki   #f0e68c
lavender   #e6e6fa
lavenderblush   fff0f5
lemonchiffon   #fffacd
lightblue   #add8e6
lightcoral   #f08080
lightcyan   #e0ffff
lightgoldenrodyellow   #fafad2
lightgreen   #90ee90
lightpink   #ffb6c1
lightsalmon   #ffa07a
lightseagreen   #20b2aa
lightskyblue   #87cefa
lightslategray   #778899
lightsteelblue   #b0c4de
lightyellow   #ffffe0
lime   #00ff00
limegreen   #32cd32
linen   #faf0f6
magenta   #ff00ff
maroon   #800000
mediumaquamarine   #66cdaa
mediumblue   #0000cd
mediumorchid   #ba55d3
mediumpurple   #9370db
mediumseagreen   #3cb371
mediumslateblue   #7b68ee
mediumspringgreen   #00fa9a
mediumturquoise   #48d1cc
mediumvioletred   #c71585
midnightblue   #191970
mintcream   #f5fffa
mistyrose   #ffe4e1
moccasin   #ffe4b5
navajowhite   #ffdead
navy   #000080
oldlace   #fdf5e6
olive   #808000
olivedrab   #6b8e23
orange   #ffa500
orangered   #ff4500
orchid   #da70d6
palegoldenrod   #eee8aa
palegreen   #98fb98
paleturquoise   #afeeee
palevioletred   #db7093
papayawhip   #ffefd5
peachpuff   #ffdab9
peru   #cd853f
pink   #ffc0cb
plum   #dda0dd
powderblue   #b0e0e6
purple   #800080
red   #ff0000
rosybrown   #bc8f8f
royalblue   #4169e1
salmon   #fa8072
sandybrown   #f4a460
seagreen   #2e2b57
seashell   #ffe5ee
sienna   #a0522d
silver   #c0c0c0
skyblue   #87ceeb
slateblue   #6a5acd
slategray   #708090
snow   #fffafa
springgreen   #00ff7f
steelblue   #4682b4
tan   #d2b48c
teal   #008080
thistle   #d8bfd8
tomato   #ff6347
turquoise   #40e0d0
violet   #ee82ee
wheat   #f5deb3
white   #ffffff
whitesmoke   #f5f5f5
yellow   #ffff00
yellowgreen   #9acd32
О сайте

Помощь

Копирование материалов

Борьба с ошибками

Технологии

Поисковый плагин

Основные разделы

Статьи

Блог

Практикум

Цифровые книги

Форум

HTML

Самоучитель HTML

XHTML

Справочник по HTML

HTML5

CSS

Самоучитель CSS

Справочник по CSS

Рецепты CSS

CSS3

Сайт

Вёрстка

Макеты

Веб-сервер

htmlbook.ru использует Друпал хостинг it-patrol

© 2002–2018 Влад Мержевич, по всем вопросам пишите по адресу [email protected]

Подпишитесь на материалы сайта по RSS

htmlbook.ru

Цветы HTML

Цветы очень важны для того чтобы дать хороший взгляд и почувствовать к вашему вебсайту. Вы можете определить цветы на уровне страницы используя бирку <body> или вы можете установить цветы для индивидуальных бирок используя атрибут bgcolor.

Бирка <body> имеет следующие атрибуты могущие понадобиться для того чтобы установить различные цветы:

  • bgcolor - комплекты цвет для предпосылки страницы.

  • текст - комплекты цвет для текста тела.

  • alink - комплекты цвет для активных соединений или выбранных соединений.

  • соединение - комплекты цвет для соединенного текста.

  • vlink - комплекты цвет для посещенных соединений - т.е., для соединенного текста который вы уже щелкали дальше.

Методы кодирования по цвету HTML

Там следовать 3 различными способами для того чтобы установить цветы в вашей странице паутины:

  • Имена цвета - вы можете определить имена цвета сразу как зеленый цвет, синь или красный цвет.

  • Коды наговора - Код 6-числа представляя количество красной, зеленой, и сини которая составляет цвет.

  • Значения десятичной дроби или процента цвета - это значение определено используя свойство rgb ().

Теперь мы увидим эти цветовые схемы по-одному.

Цветы HTML - имена цвета

Вы можете sepecify сразу имя цвета для того чтобы установить цвет текста или предпосылки. W3C перечисляло 16 основных имен цвета которые утвердят с validator HTML но там над 200 различными именами цвета поддержанными главными браузерами.

Примечание: Проверите полный список имени цвета HTML.

Цветы стандарта 16 W3C

Здесь список имен цветов стандарта 16 W3C и порекомендованы, что использует их.

Чернота Серо Серебр Бело
Желтый цвет Известка Aqua Фуксия
Красно Зеленый цвет Голубо Пурпурово
Maroon Оливка Военно-морской флот Teal
Пример

Здесь примеры для того чтобы установить предпосылку бирки HTML именем цвета:

<!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 чисел цвета. Первые 2 числа (RR) представляют красное значение, следующие 2 зеленое значение (GG), и последнее голубое значение (BB).

Шестнадцатиричное значение можно принять от любого програмного обеспечения графиков как Adobe Photoshop, Paintshop профессиональное или краска MS.

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

ЦветНАГОВОР цвета
 #000000
 #FF0000
 #00FF00
 #0000FF
 #FFFF00
 #00FFFF
 #FF00FF
 #C0C0C0
 #FFFFFF
Пример

Здесь примеры для того чтобы установить предпосылку бирки HTML таблицей расцветки в шестнадцатеричной системе счисления:

<!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 (). Это свойство принимает 3 значения, одного по каждому для красной, зеленой, и сини. Значение может быть интежером между 0 и 255 или процентом.

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

Следование список для того чтобы показать немногие цветы используя значения RGB.

ЦветЦвет RGB
 rgb (0,0,0)
 rgb (255,0,0)
 rgb (0,255,0)
 rgb (0,0,255)
 rgb (255,255,0)
 rgb (0.255.255)
 rgb (255,0,255)
 rgb (192.192.192)
 rgb (255.255.255)
Пример

Здесь примеры для того чтобы установить предпосылку бирки HTML таблицей расцветки используя значения rgb ():

<!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 цветов которые предположены, что будут цветы самых безопасных и компьютера независимого. Эти цветы очень от hexa Кода 000000 к FFFFFF и им будут поддержаны всеми компьютерами имея палитру цвета 256.

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

www.tutorialspoint.com

Таблица названий цветов HTML и CSS, воспринимаемых браузерами

Таблица названий цветов, воспринимаемых браузерами

RGBHEXЦВЕТНазвание
240 248 255 #F0F8FF  aliceblue
250 235 215 #FAEBD7  antiquewhite
0 255 255 #00FFFF  aqua
127 255 212 #7FFFD4  aquamarine
240 255 255 #F0FFFF  azure
245 245 220 #F5F5DC  beige
255 228 196 #FFE4C4  bisque
0 0 0 #000000  black
255 235 205 #FFEBCD  blanchedalmond
0 0 255 #0000FF  blue
138 43 226 #8A2BE2  blueviolet
165 42 42 #A52A2A  brown
222 184 135 #DEB887  burlywood
95 158 160 #5F9EA0  cadetblue
127 255 0 #7FFF00  chartreuse
210 105 30 #D2691E  chocolate
255 127 80 #FF7F50  coral
100 149 237 #6495ED  cornflowerblue
255 248 220 #FFF8DC  cornsilk
220 20 60 #DC143C  crimson
0 255 255 #00FFFF  cyan
0 0 139 #00008B  darkblue
0 139 139 #008B8B  darkcyan
184 134 11 #B8860B  darkgoldenrod
169 169 169 #A9A9A9  darkgray
0 100 0 #006400  darkgreen
189 183 107 #BDB76B  darkkhaki
139 0 139 #8B008B  darkmagenta
85 107 47 #556B2F  darkolivegreen
255 140 0 #FF8C00  darkorange
153 50 204 #9932CC  darkorchid
139 0 0 #8B0000  darkred
233 150 122 #E9967A  darksalmon
143 188 143 #8FBC8F  darkseagreen
72 61 139 #483D8B  darkslateblue
47 79 79 #2F4F4F  darkslategray
0 206 209 #00CED1  darkturquoise
148 0 211 #9400D3  darkviolet
255 20 147 #FF1493  deeppink
0 191 255 #00BFFF  deepskyblue
105 105 105 #696969  dimgray
30 144 255 #1E90FF  dodgerblue
178 34 34 #B22222  firebrick
255 250 240 #FFFAF0  floralwhite
34 139 34 #228B22  forestgreen
255 0 255 #FF00FF  fuchsia
220 220 220 #DCDCDC  gainsboro
248 248 255 #F8F8FF  ghostwhite
255 215 0 #FFD700  gold
218 165 32 #DAA520  goldenrod
128 128 128 #808080  gray
0 128 0 #008000  green
173 255 47 #ADFF2F  greenyellow
240 255 240 #F0FFF0  honeydew
255 105 180 #FF69B4  hotpink
205 92 92 #CD5C5C  indianred
75 0 130 #4B0082  indigo
255 255 240 #FFFFF0  ivory
240 230 140 #F0E68C  khaki
230 230 250 #E6E6FA  lavender
255 240 245 #FFF0F5  lavenderblush
124 252 0 #7CFC00  lawngreen
255 250 205 #FFFACD  lemonchiffon
173 216 230 #ADD8E6  lightblue
240 128 128 #F08080  lightcoral
224 255 255 #E0FFFF  lightcyan
250 250 210 #FAFAD2  lightgoldenrodyellow
144 238 144 #90EE90  lightgreen
211 211 211 #D3D3D3  lightgrey
255 182 193 #FFB6C1  lightpink
255 160 122 #FFA07A  lightsalmon
32 178 170 #20B2AA  lightseagreen
135 206 250 #87CEFA  lightskyblue
119 136 153 #778899  lightslategray
176 196 222 #B0C4DE  lightsteelblue
255 255 224 #FFFFE0  lightyellow
0 255 0 #00FF00  lime
50 205 50 #32CD32  limegreen
250 240 230 #FAF0E6  linen
255 0 255 #FF00FF  magenta
128 0 0 #800000  maroon
102 205 170 #66CDAA  mediumaquamarine
0 0 205 #0000CD  mediumblue
186 85 211 #BA55D3  mediumorchid
147 112 219 #9370DB  mediumpurple
60 179 113 #3CB371  mediumseagreen
123 104 238 #7B68EE  mediumslateblue
0 250 154 #00FA9A  mediumspringgreen
72 209 204 #48D1CC  mediumturquoise
199 21 133 #C71585  mediumvioletred
25 25 112 #191970  midnightblue
245 255 250 #F5FFFA  mintcream
255 228 225 #FFE4E1  mistyrose
255 228 181 #FFE4B5  moccasin
255 222 173 #FFDEAD  navajowhite
0 0 128 #000080  navy
253 245 230 #FDF5E6  oldlace
128 128 0 #808000  olive
107 142 35 #6B8E23  olivedrab
255 165 0 #FFA500  orange
255 69 0 #FF4500  orangered
218 112 214 #DA70D6  orchid
238 232 170 #EEE8AA  palegoldenrod
152 251 152 #98FB98  palegreen
175 238 238 #AFEEEE  paleturquoise
219 112 147 #DB7093  palevioletred
255 239 213 #FFEFD5  papayawhip
255 218 185 #FFDAB9  peachpuff
205 133 63 #CD853F  peru
255 192 203 #FFC0CB  pink
221 160 221 #DDA0DD  plum
176 224 230 #B0E0E6  powderblue
128 0 128 #800080  purple
255 0 0 #FF0000  red
188 143 143 #BC8F8F  rosybrown
65 105 225 #4169E1  royalblue
139 69 19 #8B4513  saddlebrown
250 128 114 #FA8072  salmon
244 164 96 #F4A460  sandybrown
46 139 87 #2E8B57  seagreen
255 245 238 #FFF5EE  seashell
160 82 45 #A0522D  sienna
192 192 192 #C0C0C0  silver
135 206 235 #87CEEB  skyblue
106 90 205 #6A5ACD  slateblue
112 128 144 #708090  slategray
255 250 250 #FFFAFA  snow
0 255 127 #00FF7F  springgreen
70 130 180 #4682B4  steelblue
210 180 140 #D2B48C  tan
0 128 128 #008080  teal
216 191 216 #D8BFD8  thistle
255 99 71 #FF6347  tomato
64 224 208 #40E0D0  turquoise
238 130 238 #EE82EE  violet
245 222 179 #F5DEB3  wheat
255 255 255 #FFFFFF  white
245 245 245 #F5F5F5  whitesmoke
255 255 0 #FFFF00  yellow
154 205 50 #9ACD32  yellowgreen

Пример использования в HTML:

<font color="yellowgreen">Желто-зеленый текст</font>

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

p.se {color: violet} /* определение класса se для элемента p, где цвет текста будет фиолетовым */

www.snkey.net


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