| Ez a szócikk a színek informatikában használt kódolásával foglalkozik. A szín szócikk foglalkozik a látható fény hullámhosszbeli csoportosításával. A heraldikában használt színekre lásd a színek (heraldika) szócikket! |
A HTML-színkódok vagy más néven webszínek olyan színkódok, amiket a weboldalak kialakításakor használhatunk.
A weblapok kialakítóinak több lehetőségük is van az egyes elemek színének meghatározására. Egyrészt mód van az egyes RGB értékek (RGB: az angol vörös-zöld-kék szavak rövidítése) hexadecimális vagy decimális formában való megadására, vagy az RGB modelltől eltérő modell (pl. RGBA, HSL, HSLA) alkalmazására is,[1] másrészt a színek egy részéhez létezik angol nyelvű megnevezés is.
Színkódok, színnevek és csoportjaik
A hexadecimális kódoláskor egy hatjegyű hexadecimális szám jelöli a színt, és ezt egy „#” jel előzi meg. Két-két jegy jelöli a vörös (Red), a zöld (Green) és a kék (Blue) színcsatornát, ebben a sorrendben. Így #ff0000 (#FF0000) felel meg a vörösnek, #00ff00 (#00FF00) felel meg a zöld színnek, #0000ff (#0000FF) a kéknek. Minden más szín ezek keverékeként áll elő.
A hexadecimális színkód esetén közömbös, hogy a 10, 11, 12, 13, 14 és 15 decimális értékeknek megfelelő a, b, c, d, e és f hexadecimális számjegyeket kisbetűvel, vagy pedig nagybetűvel A, B, C, D, E és F formában írjuk-e.
Az angol nyelvű színneveknek ezzel szemben szerves része a kisbetűs vagy nagybetűs írásmód, jelentésmegkülönböztető szerepe van.
A színmegnevezésekre többféle szabvány is létezik: HTML 4/VGA (16 szín), CSS 3 (140 szín). A gyártók is bevezették saját színmegnevezéseiket, ezeknél azonban nem biztosított, hogy minden böngésző értelmezni tudja őket.
Létezik ezeken kívül még az ún. webtűrő színek csoportja is. Ez arra a technikára nyúlik vissza, amikor még csak 256 színt lehetett a képernyőkön közvetlenül megjeleníteni. A többi szín illúzióját az angol szóval ditheringnek (árnyalás) nevezett technikák valamelyikével teremtették meg, ez gyakorlatilag különböző színű képpontok egymás mellé helyezését jelenti, hasonlóan a nyomdászatban alkalmazott raszterezéshez, a szem ennek eredményeként egy „kikevert” színt lát. A módszer viszont többé-kevésbé szemcsézetté teszi a képet. Azokat a színeket nevezzük webtűrő színeknek, amelyekhez a dithering nem szükséges. Az újabb technikák folytán a weblapok tervezői egyre kevésbé kényszerülnek arra, hogy az egységes és jó minőségű megjelenítés érdekében a webtűrő színekre korlátozzák a weblapok kialakítását.
A webtűrő színek jegyei mintegy duplázzák a hexadecimális számjegyeket, ezért létezik rájuk egy háromjegyű rövidítési konvenció is, amiben például a sárgászöld #aaff33 így is megadható: #af3.
HTML 4/VGA színmegnevezési szabvány
Ez a szabvány 16 alapszínt nevez meg:
HTML 4: a VGA-16 színszabvány 16 színe és a nekik megfelelő hexadecimális kód
black
|
#000000
|
silver
|
#C0C0C0
|
maroon
|
#800000
|
red
|
#FF0000
|
green
|
#008000
|
lime
|
#00FF00
|
olive
|
#808000
|
yellow
|
#FFFF00
|
navy
|
#000080
|
blue
|
#0000FF
|
purple
|
#800080
|
fuchsia
|
#FF00FF
|
teal
|
#008080
|
aqua
|
#00FFFF
|
gray
|
#808080
|
white
|
#FFFFFF
|
Figyelni kell a kisbetűs írásra.
CSS 3 színmegnevezési szabvány
A W3C specifikációja, a CSS3 a következő 140 színt szabványosítja gyártótól független módon:
Telítettség szerint
|
Maroon
|
#800000
|
DarkRed
|
#8B0000
|
FireBrick
|
#B22222
|
Red
|
#FF0000
|
Salmon
|
#FA8072
|
Tomato
|
#FF6347
|
Coral
|
#FF7F50
|
OrangeRed
|
#FF4500
|
Chocolate
|
#D2691E
|
SandyBrown
|
#F4A460
|
DarkOrange
|
#FF8C00
|
Orange
|
#FFA500
|
DarkGoldenrod
|
#B8860B
|
Goldenrod
|
#DAA520
|
Gold
|
#FFD700
|
Olive
|
#808000
|
Yellow
|
#FFFF00
|
YellowGreen
|
#9ACD32
|
GreenYellow
|
#ADFF2F
|
Chartreuse
|
#7FFF00
|
LawnGreen
|
#7CFC00
|
Green
|
#008000
|
Lime
|
#00FF00
|
LimeGreen
|
#32CD32
|
SpringGreen
|
#00FF7F
|
MediumSpringGreen
|
#00FA9A
|
Turquoise
|
#40E0D0
|
LightSeaGreen
|
#20B2AA
|
MediumTurquoise
|
#48D1CC
|
Teal
|
#008080
|
DarkCyan
|
#008B8B
|
Aqua
|
#00FFFF
|
Cyan
|
#00FFFF
|
DarkTurquoise
|
#00CED1
|
DeepSkyBlue
|
#00BFFF
|
DodgerBlue
|
#1E90FF
|
RoyalBlue
|
#4169E1
|
Navy
|
#000080
|
DarkBlue
|
#00008B
|
MediumBlue
|
#0000CD
|
Blue
|
#0000FF
|
BlueViolet
|
#8A2BE2
|
DarkOrchid
|
#9932CC
|
DarkViolet
|
#9400D3
|
Purple
|
#800080
|
DarkMagenta
|
#8B008B
|
Fuchsia
|
#FF00FF
|
Magenta
|
#FF00FF
|
MediumVioletRed
|
#C71585
|
DeepPink
|
#FF1493
|
HotPink
|
#FF69B4
|
Crimson
|
#DC143C
|
Brown
|
#A52A2A
|
IndianRed
|
#CD5C5C
|
RosyBrown
|
#BC8F8F
|
LightCoral
|
#F08080
|
Snow
|
#FFFAFA
|
MistyRose
|
#FFE4E1
|
DarkSalmon
|
#E9967A
|
LightSalmon
|
#FFA07A
|
Sienna
|
#A0522D
|
SeaShell
|
#FFF5EE
|
SaddleBrown
|
#8B4513
|
Peachpuff
|
#FFDAB9
|
Peru
|
#CD853F
|
Linen
|
#FAF0E6
|
Bisque
|
#FFE4C4
|
Burlywood
|
#DEB887
|
Tan
|
#D2B48C
|
AntiqueWhite
|
#FAEBD7
|
NavajoWhite
|
#FFDEAD
|
BlanchedAlmond
|
#FFEBCD
|
PapayaWhip
|
#FFEFD5
|
Moccasin
|
#FFE4B5
|
Wheat
|
#F5DEB3
|
Oldlace
|
#FDF5E6
|
FloralWhite
|
#FFFAF0
|
Cornsilk
|
#FFF8DC
|
Khaki
|
#F0E68C
|
LemonChiffon
|
#FFFACD
|
PaleGoldenrod
|
#EEE8AA
|
DarkKhaki
|
#BDB76B
|
Beige
|
#F5F5DC
|
LightGoldenrodYellow
|
#FAFAD2
|
LightYellow
|
#FFFFE0
|
Ivory
|
#FFFFF0
|
OliveDrab
|
#6B8E23
|
DarkOliveGreen
|
#556B2F
|
DarkSeaGreen
|
#8FBC8F
|
DarkGreen
|
#006400
|
ForestGreen
|
#228B22
|
LightGreen
|
#90EE90
|
PaleGreen
|
#98FB98
|
Honeydew
|
#F0FFF0
|
SeaGreen
|
#2E8B57
|
MediumSeaGreen
|
#3CB371
|
Mintcream
|
#F5FFFA
|
MediumAquamarine
|
#66CDAA
|
Aquamarine
|
#7FFFD4
|
DarkSlateGray
|
#2F4F4F
|
PaleTurquoise
|
#AFEEEE
|
LightCyan
|
#E0FFFF
|
Azure
|
#F0FFFF
|
CadetBlue
|
#5F9EA0
|
PowderBlue
|
#B0E0E6
|
LightBlue
|
#ADD8E6
|
SkyBlue
|
#87CEEB
|
LightskyBlue
|
#87CEFA
|
SteelBlue
|
#4682B4
|
AliceBlue
|
#F0F8FF
|
SlateGray
|
#708090
|
LightSlateGray
|
#778899
|
LightsteelBlue
|
#B0C4DE
|
CornflowerBlue
|
#6495ED
|
Lavender
|
#E6E6FA
|
GhostWhite
|
#F8F8FF
|
MidnightBlue
|
#191970
|
SlateBlue
|
#6A5ACD
|
DarkSlateBlue
|
#483D8B
|
MediumSlateBlue
|
#7B68EE
|
MediumPurple
|
#9370DB
|
Indigo
|
#4B0082
|
MediumOrchid
|
#BA55D3
|
Plum
|
#DDA0DD
|
Violet
|
#EE82EE
|
Thistle
|
#D8BFD8
|
Orchid
|
#DA70D6
|
LavenderBlush
|
#FFF0F5
|
PaleVioletRed
|
#DB7093
|
Pink
|
#FFC0CB
|
LightPink
|
#FFB6C1
|
Black
|
#000000
|
DimGray
|
#696969
|
Gray
|
#808080
|
DarkGray
|
#A9A9A9
|
Silver
|
#C0C0C0
|
LightGrey
|
#D3D3D3
|
Gainsboro
|
#DCDCDC
|
WhiteSmoke
|
#F5F5F5
|
White
|
#FFFFFF
|
|
Világosság szerint
|
Black
|
#000000
|
Navy
|
#000080
|
DarkBlue
|
#00008B
|
MediumBlue
|
#0000CD
|
MidnightBlue
|
#191970
|
Indigo
|
#4B0082
|
Blue
|
#0000FF
|
Maroon
|
#800000
|
DarkRed
|
#8B0000
|
Purple
|
#800080
|
DarkMagenta
|
#8B008B
|
DarkViolet
|
#9400D3
|
SaddleBrown
|
#8B4513
|
DarkSlateBlue
|
#483D8B
|
DarkGreen
|
#006400
|
DarkSlateGray
|
#2F4F4F
|
Brown
|
#A52A2A
|
FireBrick
|
#B22222
|
Sienna
|
#A0522D
|
BlueViolet
|
#8A2BE2
|
DarkOliveGreen
|
#556B2F
|
Green
|
#008000
|
Crimson
|
#DC143C
|
MediumVioletRed
|
#C71585
|
Red
|
#FF0000
|
DarkOrchid
|
#9932CC
|
Teal
|
#008080
|
DimGray
|
#696969
|
Chocolate
|
#D2691E
|
Fuchsia
|
#FF00FF
|
Magenta
|
#FF00FF
|
SlateBlue
|
#6A5ACD
|
Olive
|
#808000
|
IndianRed
|
#CD5C5C
|
DarkCyan
|
#008B8B
|
OrangeRed
|
#FF4500
|
RoyalBlue
|
#4169E1
|
ForestGreen
|
#228B22
|
MediumOrchid
|
#BA55D3
|
DeepPink
|
#FF1493
|
DarkGoldenrod
|
#B8860B
|
SeaGreen
|
#2E8B57
|
OliveDrab
|
#6B8E23
|
MediumSlateBlue
|
#7B68EE
|
Tomato
|
#FF6347
|
PaleVioletRed
|
#DB7093
|
Gray
|
#808080
|
SlateGray
|
#708090
|
Peru
|
#CD853F
|
DodgerBlue
|
#1E90FF
|
DarkOrange
|
#FF8C00
|
MediumPurple
|
#9370DB
|
SteelBlue
|
#4682B4
|
Coral
|
#FF7F50
|
LightSlateGray
|
#778899
|
Orchid
|
#DA70D6
|
Salmon
|
#FA8072
|
LightCoral
|
#F08080
|
HotPink
|
#FF69B4
|
RosyBrown
|
#BC8F8F
|
Orange
|
#FFA500
|
Goldenrod
|
#DAA520
|
CadetBlue
|
#5F9EA0
|
LightSeaGreen
|
#20B2AA
|
DarkSalmon
|
#E9967A
|
DeepSkyBlue
|
#00BFFF
|
Violet
|
#EE82EE
|
CornflowerBlue
|
#6495ED
|
MediumSeaGreen
|
#3CB371
|
SandyBrown
|
#F4A460
|
DarkTurquoise
|
#00CED1
|
LightSalmon
|
#FFA07A
|
LimeGreen
|
#32CD32
|
DarkGray
|
#A9A9A9
|
DarkKhaki
|
#BDB76B
|
Plum
|
#DDA0DD
|
Tan
|
#D2B48C
|
DarkSeaGreen
|
#8FBC8F
|
YellowGreen
|
#9ACD32
|
BurlyWood
|
#DEB887
|
Gold
|
#FFD700
|
MediumAquamarine
|
#66CDAA
|
LightPink
|
#FFB6C1
|
Silver
|
#C0C0C0
|
Lime
|
#00FF00
|
MediumTurquoise
|
#48D1CC
|
MediumSpringGreen
|
#00FA9A
|
Thistle
|
#D8BFD8
|
SpringGreen
|
#00FF7F
|
LightSteelBlue
|
#B0C4DE
|
Pink
|
#FFC0CB
|
Turquoise
|
#40E0D0
|
Aqua
|
#00FFFF
|
Cyan
|
#00FFFF
|
LawnGreen
|
#7CFC00
|
SkyBlue
|
#87CEEB
|
Chartreuse
|
#7FFF00
|
LightSkyBlue
|
#87CEFA
|
LightGrey
|
#D3D3D3
|
LightBlue
|
#ADD8E6
|
LightGreen
|
#90EE90
|
GreenYellow
|
#ADFF2F
|
PeachPuff
|
#FFDAB9
|
Yellow
|
#FFFF00
Információ forrás: https://hu.wikipedia.org/wiki/HTML-színkódok A lap szövege Creative Commons Nevezd meg! – Így add tovább! 3.0 licenc alatt van; egyes esetekben más módon is felhasználható. Részletekért lásd a felhasználási feltételeket.
| |