На главную

Цвет в HTML

Разработчики веб-страниц имеют возможность задавать собственные цвета для фона, текста и ссылок, установив соответсвующие атрибуты в тегах, таких как < BODY >, < FONT >, < TABLE >, < TD > и т.д. Например, чтобы задать эти цвета в теге < BODY > необходимо включить в него дополнительные параметры:

< BODY BGCOLOR="#xxxxxx" TEXT="#xxxxxx" LINK="#xxxxxx">

Здесь каждый из параметров определяет цвет того или иного элемента страницы:

Цвет задается шестизначным числом в шестнадцатеричном формате и цветовой модели RGB.
Первая пара разрядов слева определяет интенсивность красной (RED) составляющей луча электронной лучевой трубки. Втрая пара - интенсивность зеленой (GREEN) составляющей. Третья пара - интенсивность синей (BLUE). Чем выше число, тем больше яркость соответствующей составляющей луча. 00 - луч погашен; FF - максимальная яркость. Поэтому значение #000000 соответствует черному цвету (все лучи погашены), #FF0000 - красному цвету (максимальная интенсивность красной составляющей; зеленый и синий - погашены), #00FF00 - ярко-зеленому, #0000FF - синему, а #FFFFFF - белому цвету (все лучи имеют максимальную интенсивность). Все остальные цвета - промежуточные значения от #000000 до #FFFFFF.

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

Таблица стандартных цветов
ALICEBLUE#F0F8FF
ГРЯЗНО ГОЛУБОЙ
ANTIQUEWHITE#FAEBD7
АНТИЧНЫЙ БЕЛЫЙ
AQUA#00FFFF
АКВА
AQUAMARINE#7FFFD4
АКВАМАРИН - ЗЕЛЕНОВАТО-ГОЛУБОЙ
AZURE#F0FFFF
ЛАЗУРНЫЙ
BEIGE#F5F5DC
БЕЖЕВЫЙ
BISQUE#FFE4C4
БИСКВИТ
BLACK#000000
ЧЕРНЫЙ
BLANCHEDALMOND#FFEBCD
БЛЕДНЫЙ ДАЛЬМОНД
BLUE#0000FF
СИНИЙ
BLUEVIOLET#8A2BE2
ФИОЛЕТОВЫЙ
BROWN#A52A2A
КОРИЧНЕВЫЙ
BURLLYWOOD#DEB887
ДРЕВЕСНЫЙ
CADETBLUE#5F9EA0
МОРСКОЙ
CHARTREUSE#7FFF00
ЛИКЕР ШАРТРЕЗ
CHOCOLATE#D2691E
ШОКОЛАДНЫЙ
CORAL#FF7F50
КОРАЛЛ
CORNFLOWER#6495ED
КУКУРУЗНЫЙ ЦВЕТОК
CORNSILK#FFF8DC
КУКУРУЗНЫЙ ШЕЛК
CRIMSON#DC143C
МАЛИНОВЫЙ
CYAN#00FFFF
ГОЛУБОЙ
DARKBLUE#00008B
ТЕМНО-СИНИЙ
DARKCYAN#008B8B
ТЕМНО-ГОЛУБОЙ
DARKGOLDENROD#B8860B
ТЕМНО-ЗОЛОТОЙ
DARKGRAY#A9A9A9
ТЕМНО-СЕРЫЙ
DARKGREEN#006400
ТЕМНО-ЗЕЛЕНЫЙ
DARKKHAKI#BDB76B
ТЕМНЫЙ ХАКИ
DARKMAGENTA#8B008B
ПУРПУРНЫЙ
DARKOLIVEGREEN#556B2F
ТЕМНО ЗЕЛЕНО-ОЛИВКОВЫЙ
DARKORANGE#FF8C00
ТЕМНО-ОРАНЖЕВЫЙ
DARKORCHID#9932CC
ТЕМНОЙ ОРХИДЕИ
DARKRED#8B0000
ТЕМНО-КРАСНЫЙ
DARKSALMON#E9967A
ТЕМНО-ОРАНЖЕВО РОЗОВЫЙ
DARKSEAGREEN#8FBC8B
ТЕМНО-ЗЕЛЕНЫЙ МОРСКОЙ
DARKSLATEBLUE#483D8B
ТЕМНО-СЕРОГОЛУБОЙ
DARKSLATEGRAY#2F4F4F
ТЕМНО-ГОЛУБОСЕРЫЙ
DARKTURQUOISE#00CED1
ТЕМНО-БИРЮЗОВЫЙ
DARKVIOLET#9400D3
ТЕМНО-ФИОЛЕТОВЫЙ
DEEPPINK#FF1493
НАСЫЩЕННО РОЗОВЫЙ
DEEPSKYBLUE#00BFFF
НАСЫЩЕННО НЕБЕСНЫЙ
DIMGRAY#696969
ТУСКЛО-СЕРЫЙ
DODGERBLUE#1E90FF
ИЗМЕНЕННЫЙ СИНИЙ
FIREBRICK#B22222
ОГНЕННО-КИРПИЧНЫЙ
FLORALWHITE#FFFAF0
ЦВЕТОЧНО-БЕЛЫЙ
FORESTGREEN#228B22
ЛЕСНОЙ ЗЕЛЕНИ
FUCHIA#F0C00A
ФИСТАШКОВЫЙ
GAINSBORO#DCDCDC
ГЕЙНСБРО
GHOSTWHITE#F8F8FF
ЕЛЕ ЗАМЕТНЫЙ БЕЛЫЙ
GOLD#FFD700
ЗОЛОТОЙ
GOLDENROD#DAA520
ТЕМНО-ЗОЛОТОЙ
GRAY#808080
СЕРЫЙ
GREEN#008000
ЗЕЛЕНЫЙ
GREENYELLOW#ADFF2F
ЗЕЛЕНО-ЖЕЛТЫЙ
HONEYDEW#F0FFF0
МЕДВЯНОЙ РОСЫ
HOTPINK#FF69B4
ЖАРКО-РОЗОВЫЙ
INDIANRED#CD5C5C
КРАСНЫЙ ИНДИГО
INDIGO#4B0082
ИНДИГО
IVORY#FFFFF0
СЛОНОВОЙ КОСТИ
KHAKI#F0E68C
ХАКИ
LAVENDER#E6E6FA
ЛАВАНДОВЫЙ
LAVENDERBLUSH#FFF0F5
ПОКРАСНЕНОЙ ЛАВАНДЫ
LAWNGREEN#7CFC00
ТРАВЯНОЙ ЗЕЛЕНИ
LEMONCHIFFON#FFFACD
ЛИМОННО-КОРИЧНЕВЫЙ
LIGHTBLUE#ADD8E6
СВЕТЛО-СИНИЙ
LIGHTCORAL#F08080
СВЕТЛО-КОРАЛЛОВЫЙ
LIGHTCYAN#E0FFFF
СВЕТЛО-ГОЛУБОЙ
LIGHTGOLDENRODYELLOW#FAFAD2
СВЕТЛОЗОЛОТОЙ
LIGHTGREEN#90EE90
СВЕТЛО-ЗЕЛЕНЫЙ
LIGHTGREY#D3D3D3
СВЕТЛО-СЕРЫЙ
LIGHTPINK#FFB6C1
СВЕТЛО-РОЗОВЫЙ
LIGHTSALMON#FFA07A
СВЕТЛО-ОРАНЖЕВО-РОЗОВЫЙ
LIGHTSEAGREEN#20B2AA
СВЕТЛОЙ МОРСКОЙ ВОЛНЫ
LIGHTSKYBLUE#87CEFA
СВЕТЛО-НЕБЕСНО-СИНИЙ
LIGHTSLATEGRAY#778899
СВЕТЛО-ГОЛУБОСЕРЫЙ
LIGHTSTEELBLUE#B0C4DE
СВЕТЛЫЙ СЕРО-СИНИЙ
LIGHTYELLOW#FFFFE0
СВЕТЛО-ЖЕЛТЫЙ
LIME#00FF00
ЛИПОВЫЙ ЦВЕТ
LIMEGREEN#32CD32
ЛИПОВО-ЗЕЛЕНЫЙ
LINEN#FAF0E6
ЛЬНЯНОЙ
MAGENTA#FF00FF
ПУРПУРНЫЙ
MAROON#800000
КАШТАНОВЫЙ
MEDIUMAQUAMARINE#66DCAA
УМЕРЕННЫЙ АКВАМАРИН
MEDIUMBLUE#0000CD
УМЕРЕННЫЙ СИНИЙ
MEDIUMORCHID#BA55D3
УМЕРЕННОЙ ОРХИДЕИ
MEDIUMPURPLE#9370DB
УМЕРЕННО-ПУРПУРНЫЙ
MEDIUMSEAGREEN#3CB371
УМЕРЕННО-МОРСКОЙ
MEDIUMSLATEBLUE#7B68EE
УМЕРЕННЫЙ СЕРОГОЛУБОЙ
MEDIUMSPRINGGREEN#00FA9A
УМЕРЕННЫЙ ВЕСЕННЕЙ ЗЕЛЕНИ
MEDIUMTURQUOISE#48D1CC
УМЕРЕННО-БИРЮЗОВЫЙ
MEDIUMVIOLETRED#C71585
УМЕРЕННО-ФИОЛЕТОВО-КРАСНЫЙ
MIDNIGHTBLUE#191970
СРЕДНИЙ ТЕМНО-СИНИЙ
MINTCREAM#F5FFFA
КРЕМОВЫЙ
MISTYROSE#FFE4E1
КРАСНЫЙ ТУМАН
MOCCASIN#FFE4B5
МОКАСИН
NAVAJOWHITE#FFDEAD
СВЕТЛО-КОРИЧНЕВЫЙ
NAVY#000080
МОРСКОЙ
OLDLACE#FDF5E6
СТАРЫЕ КРУЖЕВА
OLIVE#808000
ОЛИВКОВЫЙ
OLIVEDRAB#6B8E23
СЕРЫЕ ОЛИВКИ
ORANGE#FFA500
ОРАНЖЕВЫЙ
ORANGERED#FF4500
ОРАНЖЕВО-КРАСНЫЙ
ORCHID#DA70D6
ОРХИДЕИ
PALEGOLDENROD#EEE8AA
БЛЕДНО-ЗОЛОТОЙ
PALEGREEN#98FB98
БЛЕДНО-ЗЕЛЕНЫЙ
PALETURQUOISE#AFEEEE
БЛЕДНО-БИРЮЗОВЫЙ
PALEVIOLETRED#DB7093
БЛЕДНО-ФИОЛЕТОВО-КРАСНЫЙ
PAPAYAWHIP#FFEFD5
ДЫННАЯ ПЛЕТЬ
PEACHPUFF#FFDAB9
ПЕРСИКОВЫЙ ДЫМ
PERU#CD853F
ЦВЕТ ПУСТЫНИ
PINK#FFC0CB
РОЗОВЫЙ
PLUM#DDA0DD
СЛИВОВЫЙ
POWDERBLUE#B0E0E6
ПОРОШКОВО-СИНИЙ
PURPLE#800080
ПУРПУРНЫЙ
RED#FF0000
КРАСНЫЙ
ROSYBROWN#BC8F8F
РОЗОВО-КОРИЧНЕВЫЙ
ROYALBLUE#4169E1
КОРОЛЕВСКО-СИНИЙ
SADDLEBROWN#8B4513
КОРИЧНЕВОЕ СЕДЛО
SALMON#FA8072
ЦВЕТ ЛОСОСЯ
SANDYBROWN#F4A460
РЫЖЕВАТО-КОРИЧНЕВЫЙ
SEAGREEN#2E8B57
МОРСКОЙ ЗЕЛЕНИ
SEASHELL#FFF5EE
МОРСКИХ РАКОВИН
SIENNA#A0522D
ОХРА
SILVER#C0C0C0
СЕРЕБРЯНЫЙ
SKYBLUE#87CEEB
СИНЕГО НЕБА
SLATEBLUE#6A5ACD
СЛАНЦЕВО-СИНИЙ
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
ЖЕЛТО-ЗЕЛЕНЫЙ


Список литературы:

  1. Комолова Н.В. HTML: Учебный курс. - СПб.: Питер, 2006. - 268 с.: ил.
  2. Дунаев В. Самоучитель JavaScript, 2-е изд. - СПб.: Питер, 2005. - 395 с.: ил.
На главную


Hosted by uCoz