Barvy v HTM souborech
Doc. Dr. Vladimír Homola, Ph.D.
Barvy mohou být v HTM souboru určeny dvojím způsobem: jménem barvy nebo číselně. Použití je v obou případech stejné - barva se uvede jako textová hodnota příslušného parametru. Např. zelená barva pozadí stránky se určí parametrem v tagu body takto:
<body bgcolor="green">
nebo se stejným výsledkem
<body bgcolor="#008000">
nebo rovněž se stejným výsledkem
<body bgcolor="RGB(0,128,0)">
Jméno barvy je vždy anglické a je možno volit jen z nabídky 140 jmen barev (viz Tabulka 1). Jména uvedená v tabulce jsou však korektně interpretována jen prohlížečem firmy Microsoft®, u prohlížečů jiných firem (např. Chrome®, NetScape®) to není zaručeno.
Pomocí čísla barvy je možno určit kteroukoliv z 16 milionů barev a na rozdíl od jmen barev jsou barvy určené číselně stejně interpretovány ve všech prohlížečích. Mírným problémem je fakt, že se používají vždy dvouciferná čísla a vždy v šestnáctkové (hexadecimální) soustavě. Dvouciferné hexadecimální číslo nabývá hodnot od nuly (00)16 do dvěstě padesáti pěti (FF)16. Číselný kód barvy se vytvoří jako kombinace intenzit jednotlivých barevných elementů RGB - třeba monitoru (RGB - Red Green Blue = Červená Zelená Modrá - v tomto pořadí) tak, že za znak # se zapíše dvouciferná šestnáctková intenzita červeného elementu, pak dvouciferná šestnáctková intenzita zeleného elementu a nakonec dvouciferná šestnáctková intenzita modrého elementu. Subtraktivním složením barev všech tří elementů je dána výsledná barva celého bodu.
Např. shora uvedená zelená barva #008000 má
červený element s intenzitou 00 (tedy červená v tomto bodě
"nesvítí"), zelený element s intenzitou 80
(12810, zelená tedy "svítí" s poloviční
intenzitou) a modrý element s intenzitou 00 (tedy modrá v tomto
bodě také "nesvítí").
Tabulka 1: Jména barev a jejich číselné hodnoty abecedně
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
(#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)fuchsia
(#FF00FF)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)
lightgray
(#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
(#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)
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)
Barvy mohou být (opět jen pro prohlížeče firmy
Microsoft®) pojmenovány také systémovým jménem, které
koresponduje s příslušným prvkem prostředí Windows. Barva každého
takového prvku se nastavuje pomocí formuláře vlastností plochy.
Výhodou je, že stránka používající takto zadané barvy je barevně
laděna s prostředím, jaké je nastaveno u uživatele, který si takovou
stránku prohlíží. Proto barvy zobrazené v následující tabulce mohou být
u různých uživatelů různé.
Tabulka 2: Systémová jména barev
activeborder
activecaption
appworkspace
background
buttonface
buttonhighlight
buttonshadow
buttontext
captiontext
graytext
highlight
highlighttext
inactiveborder
inactivecaption
inactivecaptiontext
infobackground
infotext
menu
menutext
scrollbar
threeddarkshadow
threedface
threedhighlight
threedlightshadow
threedshadow
window
windowframe
windowtext
Rev. 08/2004