Feb 2009

Farbnamen, Farbcodes und ihre numerischen Werte

workwithcolor.jpg

Die Tabelle der Farbnamen mit den Farbcodes in Hex- und RGB-Werten zeigt zusätzlich die HSL-Werte der Farben. Im HSL-Farbraum können Farben nach Farbton (Hue), Sättigung (Saturation) und Helligkeit (Lightness) angeordnet werden (Color Picker zur Berechnung der HSL-Werte)

Netscape hat die Palette der websicheren Farben um 120 Farbnamen erweitert und ihnen wohlklingende Namen gegeben. Diese Farbnamen werden auch von vielen Anwendungen angeboten und sind eine praktische Hilfestellung beim Layout, Design und Testen von Webseiten.

Ab CSS3 gehören die Farbnamen zum CSS-Standard – CSS3 übernimmt die Farbnamen aus der SVG-Spezifikation (Scalable Vector Graphics) (siehe CSS Color Module Level 3). Die komplette Liste der Farbnamen wird heute von den meisten Browsern zuverlässig umgesetzt. Nicht zuverlässig ist allerdings die Angabe von Farben als HSL-Werte – sie werden von Internet Explorer nicht interpretiert.

Neben jedem Farbmuster zeigt die Tabelle die nächste websichere Farbe.


Farbe Websicher Farbname RGB-Tripel Hex RGB Farbton Sättigung Helligkeit
lightpink #ffcccc lightpink 255,182,193 #ffb6c1 35110086
pink #ffcccc pink 255,192,203 #ffc0cb 35010088
crimson #cc0033 crimson 220,20,60 #dc143c 3488347
lavenderblush #ffffff lavenderblush 255,240,245 #ffF0F5 34010097
hotpink #ff66cc hotpink 255,105,180 #ff69b4 33010071
palevioletred #cc6699 palevioletred 219,112,147 #db7093 3406065
deeppink #ff0099 deeppink 255,20,147 #ff1493 32810054
mediumvioletred #cc0099 mediumvioletred 199,21,133 #c71585 3228143
orchid #cc66cc orchid 218,112,214 #da70d6 3025965
thistle #cccccc thistle 216,191,216 #d8bFd8 3002480
plum #cc99cc plum 221,160,221 #dda0dd 3004775
violet #ff99ff violet 238,130,238 #ee82ee 3007672
magenta #ff00ff magenta 255,0,255 #ff00ff 30010050
fuchsia #ff00ff fuchsia 255,0,255 #ff00ff 30010050
darkmagenta #990099 darkmagenta 139,0,139 #8b008b 30010027
purple #800080 purple 128,0,128 #800080 30010025
mediumorchid #cc66cc mediumorchid 186,85,211 #ba55d3 2885958
darkviolet #9900cc darkviolet 148,0,211 #9400d3 28210041
darkorchid #9933cc darkorchid 153,50,204 #9932cc 2806150
indigo #330099 indigo 75,0,130 #4b0082 27510025
blueviolet #9933cc blueviolet 138,43,226 #8a2be2 2717653
mediumpurple #9966cc mediumpurple 147,112,219 #9370db 2606065
mediumslateblue #6666ff mediumslateblue 123,104,238 #7b68ee 2498067
slateblue #6666cc slateblue 106,90,205 #6a5acd 2485358
darkslateblue #333399 darkslateblue 72,61,139 #483d8b 2483939
navy #000099 navy 0,0,128 #000080 24010025
midnightblue #000066 midnightblue 25,25,112 #191970 2406427
mediumblue #0000cc mediumblue 0,0,205 #0000cd 24010040
blue #0000ff blue 0,0,255 #0000ff 24010050
lavender #ffffff lavender 230,230,250 #e6e6Fa 2406794
ghostwhite #ffffff ghostwhite 248,248,255 #F8F8ff 24010099
darkblue #000099 darkblue 0,0,139 #00008b 24010027
royalblue #3366cc royalblue 65,105,225 #4169e1 2257357
cornflowerblue #6699ff cornflowerblue 100,149,237 #6495ed 2197966
lightsteelblue #b0c4de lightsteelblue 176,196,222 #b0c4de 2144178
slategray #708090 slategray112,128,144 #708090 2101350
lightslategray #778899 lightslategray 119,136,153 #778899 2101453
dodgerblue #3399ff dodgerblue30,144,255 #1e90ff 21010056
aliceblue #ffffff aliceblue 240,248,255 #F0F8ff 20810097
steelblue #3399cc steelblue 70,130,180 #4682b4 2074449
lightskyblue #99ccff lightskyblue 135,206,250 #87ceFa 2039275
skyblue #99ccff skyblue 135,206,235 #87ceeb 1977173
deepskyblue #00ccff deepskyblue 0,191,255 #00bffF 19510050
lightblue #99ccff lightblue 173,216,230 #add8e6 1955379
powderblue #99ccff powderblue176,224,230 #b0e0e6 1875280
cadetblue #669999 cadetblue95,158,160 #5F9ea0 1822550
darkturquoise #00cccc darkturquoise0,206,209 #00ced1 18110041
azure #ffffff azure 240,255,255 #F0ffff 18010097
lightcyan #ccffff lightcyan224,255,255 #e0ffff 18010094
paleturquoise #99ffff paleturquoise 175,238,238 #aFeeee 1806581
cyan #00ffff cyan0,255,255 #00ffff 18010050
aqua #00ffff aqua0,255,255 #00ffff 18010050
darkslategray #336666 darkslategray47,79,79 #2F4F4F 1802525
darkcyan #009999 darkcyan0,139,139 #008b8b 18010027
teal #009999 teal0,128,128 #008080 18010025
mediumturquoise #33cccc mediumturquoise72,209,204 #48d1cc 1786055
lightseagreen #339999 lightseagreen32,178,170 #20b2aa 1777041
turquoise #33cccc turquoise 64,224,208 #40e0d0 1747256
aquamarine #66ffcc aquamarine127,255,212 #7ffFd4 16010075
mediumaquamarine #66cc99 mediumaquamarine102,205,170 #66cdaa 1605160
mediumspringgreen #00ff99 mediumspringgreen0,250,154 #00Fa9a 15710049
mintcream #ffffff mintcream245,255,250 #F5ffFa 15010098
springgreen #00ff66 springgreen0,255,127 #00ff7F 15010050
mediumseagreen #33cc66 mediumseagreen60,179,113 #3cb371 1475047
seagreen #339966 seagreen46,139,87 #2e8b57 1465036
honeydew #ffffff honeydew240,255,240 #F0ffF0 12010097
lightgreen #99ff99 lightgreen 144,238,144 #90ee90 1207375
palegreen #99ff99 palegreen152,251,152 #98Fb98 1209379
darkseagreen #99cc99 darkseagreen143,188,143 #8Fbc8F 1202565
limegreen #33cc33 limegreen50,205,50 #32cd32 1206150
lime #00ff00 lime0,255,0 #00ff00 12010050
forestgreen #339933 forestgreen34,139,34 #228b22 1206134
green #008000 green0,128,0 #008000 12010025
darkgreen #006600 darkgreen0,100,0 #006400 12010020
chartreuse #66ff00 chartreuse127,255,0 #7ffF00 9010050
lawngreen #66ff00 lawngreen124,252,0 #7cFc00 9010049
greenyellow #99ff33 greenyellow173,255,47 #adff2F 8410059
darkolivegreen #666633 darkOlivegreen85,107,47 #556b2F 823930
yellowgreen #99cc33 yellowgreen154,205,50 #9acd32 806150
olivedrab #669933 olivedrab107,142,35 #6b8e23 806035
beige #ffffcc beige245,245,220 #F5F5dc 605691
lightgoldenrodyellow #ffffcc lightgoldenrodyellow250,250,210 #FaFad2 608090
ivory #ffffff ivory255,255,240 #ffffF0 6010097
lightyellow #ffffcc lightyellow255,255,224 #ffffe0 6010094
yellow #ffff00 yellow255,255,0 #ffff00 6010050
olive #999900 olive128,128,0 #808000 6010025
darkkhaki #cccc66 darkkhaki189,183,107 #bdb76b 563858
palegoldenrod #ffff99 palegoldenrod238,232,170 #eee8aa 556780
lemonchiffon #ffffcc lemonchiffon255,250,205 #ffFacd 5410090
khaki #ffff99 khaki240,230,140 #F0e68c 547775
gold #ffcc00 gold255,215,0 #ffd700 5110050
cornsilk #ffffcc cornsilk255,248,220 #ffF8dc 4810093
goldenrod #cc9933 goldenrod218,165,32 #daa520 437449
darkgoldenrod #cc9900 darkgoldenrod184,134,11 #b8860b 438938
floralwhite #ffffff floralwhite255,250,240 #fffaf0 4010097
oldlace #ffffff oldlace253,245,230 #fdf5e6 398595
wheat #ffcccc wheat245,222,179 #f5deb3 399783
orange #ff9900 orange255,165,0 #ffa500 3910050
moccasin #ffcccc moccasin255,228,181 #ffe4b5 3810085
papayawhip #ffffcc papayawhip255,239,213 #ffefd5 3710092
blanchedalmond #ffffcc blanchedalmond255,235,205 #ffebcd 3610090
navajowhite #ffcc99 navajowhite 255,222,173#ffdead 3610084
antiquewhite #ffffcc antiquewhite250,235,215 #faebd7 347891
tan #cc9999 tan210,180,140 #d2b48c 344469
burlywood #cc9999 burlywood 222,184,135#deb887 345770
bisque #ffcccc bisque 255,228,196#ffe4c4 3310088
darkorange #ff9933 darkorange255,140,0 #ff8c00 3310050
linen #ffffff linen250,240,230 #faf0e6 306794
peru #cc9933 peru205,133,63 #cd853f 305953
peachpuff #ffcccc peachpuff255,218,185 #ffdab9 2810086
sandybrown #ff9966 sandybrown244,164,96 #f4a460 288767
chocolate #cc6633 chocolate 210,105,30#d2691e 257547
saddlebrown #993333 saddlebrown 139,69,19#8b4513 257631
seashell #ffffff seashell 255,245,238#fff5ee 2510097
sienna #996633 sienna 160,82,45#a0522d 195640
lightsalmon #ff9999 lightsalmon 255,160,122#ffa07a 1710074
coral #ff9966 coral 255,127,80#ff7f50 1610066
orangered #ff6633 orangered 255,69,0#ff4500 1610050
darksalmon #cc9966 darksalmon 233,150,122#e9967a 157270
tomato #ff6666 tomato 255,99,71#ff6347 910064
mistyrose #ffffcc mistyrose 255,228,225#ffe4e1 610094
salmon #ff9966 salmon 250,128,114#fa8072 69371
snow #ffffff snow 255,250,250#fffafa 010099
lightcoral #ff9999 lightcoral 240,128,128#f08080 07972
rosybrown #cc9999 rosybrown 188,143,143#bc8f8f 02565
indianred #cc6666 indianred 205,92,92#cd5c5c 010050
red #ff0000 red 255,0,0#ff0000 010050
brown #993333 brown 165,42,42#a52a2a 05941
firebrick #993333 firebrick 178,34,34#b22222 06842
darkred #993300 darkred 139,0,0#8b0000 010027
maroon #663300 maroon 128,0,0#800000 010025
white #ffffff white 255,255,255#ffffff 3600100
whitesmoke #f5f5f5 whitesmoke 245,245,245#f5f5f5 360096
gainsboro #dcdcdc gainsboro 220,220,220#dcdcdc 360086
lightgrey #d3d3d3 lightgrey 211,211,211#d3d3d3 360083
silver #c0c0c0 silver 192,192,192#c0c0c0 360075
darkgray #a9a9a9 darkgray 169,169,169 #a9a9a9 360066
gray #808080 gray 128,128,128 #808080 360050
dimgray #696969 dimgray 105,105,105 #696969 360041
black #000000 black 0,0,0 #000000 36000

WebTV stellt "blueviolet" genauso dar wie "blue" (0000EE).
WebTV stellt "goldenrod" genauso dar wie "gold" (FFD700).
WebTV stellt "greenyellow" genauso dar wie"green" (008000).
WebTV stellt "limegreen" genauso dar wie"lime" (00FF00).
Nach der WebTV-Spezifikation unterstützt WebTV "mediumspringgreen," aber der Name stimmt nicht mit der Darstellung des numerischen Code überein (00FA9A).
WebTV stellt "navyblue" genauso dar wie"navy" (000080).
WebTV stellt "olivedrab" genauso dar wie"olive" (00FF00).
WebTV stellt "orangered" genauso dar wie"orange" (00FF00).
WebTV stellt "yellowgreen" genauso dar wie"yellow" (00FF00).

Farbnamen und sRGB-Werte

 Black = "#000000" Green = "#008000"
 Silver = "#C0C0C0" Lime = "#00FF00"
  Gray = "#808080"  Olive = "#808000"
 White = "#FFFFFF" Yellow = "#FFFF00"
  Maroon = "#800000"  Navy = "#000080"
  Red = "#FF0000"  Blue = "#0000FF"
  Purple = "#800080"  Teal = "#008080"
 Fuchsia = "#FF00FF" Aqua = "#00FFFF"
 Orange = "#ffa500" 

Farben im sRGB-Farbraum werden in CSS als hexadezimale Zahlen angegeben (z.B. color: #C0FFC0;), in einer RGB-Notation (z.B. color: rgb(255,128,0);) oder haben einen von 17 weiträumig verstandenen Farbnamen (Deklaration von Farben mit CSS).
Diese Farben wurden ursprünglich als die 16 Farben ausgesucht, die von der Windows VGA-Palette unterstützt werden.

Nichtdithernde Farben

 Aqua = "#00FFFF" Lime = "#00FF00"
 Black = "#000000" Magenta = "#FF00FF"
 Blue = "#0000FF" Red = "#FF0000"
 Cyan = "#00FFFF" White = "#FFFFFF"
 Fuchsia = "#FF00FF" Yellow = "#FFFF00"
   
Copyright © 2000 - 2010 Media Engineering Alle Rechte vorbehalten
Design + Programmierung Media Engineering U. Häßler 47506 Neukirchen-Vluyn • Impressum und Nutzungsbestimmungen