CSS-Zeichnen Dreiecke


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd;">
<div style="border-top: 4em solid goldenrod; border-bottom: 4em solid transparent; border-right: 24em solid transparent;">
</div>
</div>



<div style="width: 24em; height: 4em; background: #c00; border:.1em solid #ddd;">
<div style="border-top: 4em solid goldenrod; border-bottom: 4em solid transparent; border-right: 24em solid transparent;">
</div>
</div>



<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd;">
<div style="width: 0; height: 0; border-top: 4em solid yellowgreen; border-bottom: 4em solid transparent; border-right: 4em solid transparent;">
</div>
</div>



<div style="width: 24em; height: 4em; background: url(rose.jpg) #fff; border:.1em solid #ddd;">
<div style="width: 0; height: 0; border-top: 2em solid transparent; border-bottom: 2em solid royalblue; border-left: 2em solid transparent; border-right: 2em solid transparent;">
</div>
</div>



<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd;">
<div style="width: 0; height: 0; border-top: 2em solid transparent; border-bottom: 2em solid mediumvioletred; border-left: 22em solid transparent; border-right: 2em solid transparent;">
</div>
</div>



<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd;">
<div style="width: auto; height: 2em; border-top: 2em solid transparent; border-bottom: 2em solid transparend; border-right: 2em solid black;">
</div>
</div>



<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd;">
<div style="width: 0; height: 0; border-top: 2em solid goldenrod; border-bottom: 2em solid royalblue;border-left: 2em solid yellowgreen; border-right: 2em solid mediumvioletred;">
</div>
</div>



<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd;">
<div style="border-width: 1em; height: 2em; border-color:goldenrod royalblue yellowgreen mediumvioletred; border-style:solid;">
</div>
</div>

  • Veröffentlicht in: CSS

box-shadow

Es gibt noch viel fantastischere Möglichkeiten für box-shadow, hier einige Anregungen.

Weicher Schatten


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow: 1.1em 1.2em 1.3em royalblue;"></div>

• 1.1em = horizontale Verschiebung
• 1.2em = vertikale Verschiebung
• 1.3em = Unschärfe-Radius [Blur]
• royalblue = Schattenfarbe


Harter Schattten


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow:1.1em 1.2em silver;"></div>


4 Farben-Schatten


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow: 5px 5px 5px mediumvioletred,-5px 5px 5px yellowgreen,5px -5px 5px royalblue,-5px -5px 5px goldenrod;"></div>


Innerer weicher Schatten auf 2 Seiten


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow: inset 5px 5px 5px black;"></div>


Innerer harter Schatten auf 2 Seiten


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow: inset -5px -5px 0 5px #000;"></div>


Innerer weicher Schatten auf allen Seiten


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow: inset 0 0 10px black;"></div>


Äußerer weicher Schatten auf allen Seiten


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow: 0 0 10px black;"></div>


Äußerer weicher Schatten auf 1 Seite


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow: 0 20px 20px -20px black;"></div>


Transparenter Schatten


<div style="width: 24em; background: mediumvioletred;">
<div style="width: 50%; height: 4em; box-shadow: 3em 1em rgba(0,0,0,0.3);"></div>
</div>


Schattiger Schatten


<div style="width: 24em; height: 4em; background: #fff; border:.1em solid #ddd; box-shadow: 0 0 .5em .3em black,1.5em -1em yellowgreen,1.5em 1em 2em mediumvioletred,-1.5em 1em goldenrod,-1.5em -1em 2em royalblue;"></div>

  • Veröffentlicht in: CSS

text-shadow

Beispieltext mit text-shadow


<div style="text-shadow: .1em .2em .3em #666; font-size: 2em; color: mediumvioletred;">Beispieltext mit <em>text-shadow</em>
</div>

• 0.1em = horizontale Verschiebung
• 0.2em = vertikale Verschiebung
• 0.3em = Blur [Unschärfe-Radius]
• #666 = Schattenfarbe
• mediumvioletred = Schriftfarbe


Beispieltext mit 2x Textschatten


<div style="text-shadow: 0 0 .5em red,.1em .1em .1em gold; color: white; font-size: 2em;">Beispieltext mit 2x Textschatten
</div>


Beispieltext im Vordergrund


<div style="text-shadow: .1em .1em .1em black; color: white; font-size: 2em;">Beispieltext im Vordergrund
</div>


Beispieltext mit Kontur


<div style="text-shadow: 0 -1px black,1px 0 black,0 1px black,-1px 0 black; color: white; font-size: 2em;">Beispieltext mit Kontur
</div>


Beispieltext im Inset


<div style="text-shadow: 0 -1px 1px black,0 1px 1px white; color: silver; font-size: 2em; font-weight:900;">Beispieltext im Inset
</div>


Beispieltext im Outset


<div style="text-shadow: 0 -1px 1px white,0 1px 1px black; color: silver; font-size: 2em; font-weight:900;">Beispieltext im Outset
</div>


Weitere Informationen:
http://www.wss-expert.de/Style/Examples/007/text-shadow.html

CSS text-shadow: Geniale Texteffekte mit CSS3

  • Veröffentlicht in: CSS

border-radius


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 2em 4em 6em;"></div>

border-top-left-radius: 0;
border-top-right-radius: 2em;
border-bottom-right-radius: 4em;
border-bottom-left-radius: 6em;


Border-Radius mit 1 Wert alle Ecken


<div style="width: 24em; height: 4em; background: silver; border-radius: 6em;"></div>


Border-Radius mit 1 Ecke


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 0 4em 0;"></div>


Border-Radius mit 2 Ecken unten


<div style="width: 24em; height: 4em; background: silver; border-radius: 0 0 6em 6em;"></div>


Border-Radius mit 2 diagonale Ecken


<div style="width: 24em; height: 4em; background: silver; border-radius: 6em 0;"></div>


Border-Radius mit 2 unterschiedliche Werten in 2 Ecken


<div style="width: 24em; height: 4em; background: silver; border-bottom-left-radius: 6em 1em; border-bottom-right-radius: 2em 1em;"></div>


Border-Radius als Kreis


<div style="border-radius: 10em; height: 10em; width: 10em; background: silver;"></div>

  • Veröffentlicht in: CSS

Farbnamen mit ihren Variationen nach X11 ohne Grau

Folgende Tabelle mit Farbnamen mit ihren Variationen nach X11 ohne Grau, ist zu finden auf Wikipedia unter URL https://en.wikipedia.org/wiki/X11_color_names

Farbnamen mit ihren Variationen nach X11 ohne Grau
Name Hue Saturation Brightness Standard Variant 1 (100%) Variant 2 (93%) Variant 3 (80%) Variant 4 (55%)
Antique White 34±1° 14% 98% #FAEBD7 #FFEFDB #EEDFCC #CDC0B0 #8B8378
Aquamarine 160° 50% 100% #7FFFD4 #76EEC6 #66CDAA #458B74
Azure 180° 6% 100% #F0FFFF #E0EEEE #C1CDCD #838B8B
Bisque 33±1° 23% 100% #FFE4C4 #EED5B7 #CDB79E #8B7D6B
Blue 240° 100% 100% #0000FF #0000EE #0000CD #00008B
Brown 75% 65% #A52A2A #FF4040 #EE3B3B #CD3333 #8B2323
Burlywood 34° 39% 87% #DEB887 #FFD39B #EEC591 #CDAA7D #8B7355
Cadet Blue 182°–186° >40% 63% #5F9EA0 #98F5FF #8EE5EE #7AC5CD #53868B
Chartreuse 90° 100% 100% #7FFF00 #76EE00 #66CD00 #458B00
Chocolate 25° 86% 82% #D2691E #FF7F24 #EE7621 #CD661D #8B4513
Coral 10°/16° 66%/69% 100% #FF7F50 #FF7256 #EE6A50 #CD5B45 #8B3E2F
Cornsilk 48°–51° 14% 100% #FFF8DC #EEE8CD #CDC8B1 #8B8878
Cyan 180° 100% 100% #00FFFF #00EEEE #00CDCD #008B8B
Dark Goldenrod 43° 94% 72% #B8860B #FFB90F #EEAD0E #CD950C #8B6508
Dark Olive Green 82° 56% 42% #556B2F #CAFF70 #BCEE68 #A2CD5A #6E8B3D
Dark Orange 30°/33° 100% 100% #FF8C00 #FF7F00 #EE7600 #CD6600 #8B4500
Dark Orchid 280° 76% 80% #9932CC #BF3EFF #B23AEE #9A32CD #68228B
Dark Sea Green 120° 24% 74% #8FBC8F #C1FFC1 #B4EEB4 #9BCD9B #698B69
Dark Slate Gray 180° 41% 31% #2F4F4F #97FFFF #8DEEEE #79CDCD #528B8B
Deep Pink 328° 92% 100% #FF1493 #EE1289 #CD1076 #8B0A50
Deep Sky Blue 195° 100% 100% #00BFFF #00B2EE #009ACD #00688B
Dodger Blue 210° 88% 100% #1E90FF #1C86EE #1874CD #104E8B
Firebrick 81% 70% #B22222 #FF3030 #EE2C2C #CD2626 #8B1A1A
Gold 51° 100% 100% #FFD700 #EEC900 #CDAD00 #8B7500
Goldenrod 43° 86% 86% #DAA520 #FFC125 #EEB422 #CD9B1D #8B6914
Green 120° 100% 100% #00FF00 #00EE00 #00CD00 #008B00
Honeydew 120° 6% 100% #F0FFF0 #E0EEE0 #C1CDC1 #838B83
Hot Pink 330°–334° 53%–59% 100% #FF69B4 #FF6EB4 #EE6AA7 #CD6090 #8B3A62
Indian Red 55%–59% 80% #CD5C5C #FF6A6A #EE6363 #CD5555 #8B3A3A
Ivory 60° 6% 100% #FFFFF0 #EEEEE0 #CDCDC1 #8B8B83
Khaki 55° 44% 100% #F0E68C #FFF68F #EEE685 #CDC673 #8B864E
Lavender Blush 339±1° 6% 100% #FFF0F5 #EEE0E5 #CDC1C5 #8B8386
Lemon Chiffon 54° 20% 100% #FFFACD #EEE9BF #CDC9A5 #8B8970
Light Blue 195° 25% 90% #ADD8E6 #BFEFFF #B2DFEE #9AC0CD #68838B
Light Cyan 180° 12% 100% #E0FFFF #D1EEEE #B4CDCD #7A8B8B
Light Goldenrod 50° 45% 93% #EEDD82 #FFEC8B #EEDC82 #CDBE70 #8B814C
Light Pink 351°/352° 29%/32% 100% #FFB6C1 #FFAEB9 #EEA2AD #CD8C95 #8B5F65
Light Salmon 17° 52% 100% #FFA07A #EE9572 #CD8162 #8B5742
Light Sky Blue 202°/203° 31%/46% 100% #87CEFA #B0E2FF #A4D3EE #8DB6CD #607B8B
Light Steel Blue 214° 21% 87% #B0C4DE #CAE1FF #BCD2EE #A2B5CD #6E7B8B
Light Yellow 60° 12% 100% #FFFFE0 #EEEED1 #CDCDB4 #8B8B7A
Magenta 300° 100% 100% #FF00FF #EE00EE #CD00CD #8B008B
Maroon 322°/338° 73%/80% 69% #B03060 #FF34B3 #EE30A7 #CD2990 #8B1C62
Medium Orchid 288° 60% 83% #BA55D3 #E066FF #D15FEE #B452CD #7A378B
Medium Purple 260° 49% 86% #9370DB #AB82FF #9F79EE #8968CD #5D478B
Misty Rose 12% 100% #FFE4E1 #EED5D2 #CDB7B5 #8B7D7B
Navajo White 36° 32% 100% #FFDEAD #EECFA1 #CDB38B #8B795E
Olive Drab 80° 76% 56% #6B8E23 #C0FF3E #B3EE3A #9ACD32 #698B22
Orange 39° 100% 100% #FFA500 #EE9A00 #CD8500 #8B5A00
Orange Red 16° 100% 100% #FF4500 #EE4000 #CD3700 #8B2500
Orchid 302° 49% 86% #DA70D6 #FF83FA #EE7AE9 #CD69C9 #8B4789
Pale Green 120° 40% 98% #98FB98 #9AFF9A #90EE90 #7CCD7C #548B54
Pale Turquoise 180° 27% 93% #AFEEEE #BBFFFF #AEEEEE #96CDCD #668B8B
Pale Violet Red 340° 49% 86% #DB7093 #FF82AB #EE799F #CD6889 #8B475D
Peach Puff 28° 27% 100% #FFDAB9 #EECBAD #CDAF95 #8B7765
Pink 347°/350° 25%/29% 100% #FFC0CB #FFB5C5 #EEA9B8 #CD919E #8B636C
Plum 300° 27% 87% #DDA0DD #FFBBFF #EEAEEE #CD96CD #8B668B
Purple 271°/277° 81%/87% 94% #A020F0 #9B30FF #912CEE #7D26CD #551A8B
Red 100% 100% #FF0000 #EE0000 #CD0000 #8B0000
Rosy Brown 24% 74% #BC8F8F #FFC1C1 #EEB4B4 #CD9B9B #8B6969
Royal Blue 225° 72% 88% #4169E1 #4876FF #436EEE #3A5FCD #27408B
Salmon 6°/14° 54%/59% 98% #FA8072 #FF8C69 #EE8262 #CD7054 #8B4C39
Sea Green 147° 67% 55% #2E8B57 #54FF9F #4EEE94 #43CD80 #2E8B57
Seashell 26±1° 7% 100% #FFF5EE #EEE5DE #CDC5BF #8B8682
Sienna 19° 72% 63% #A0522D #FF8247 #EE7942 #CD6839 #8B4726
Sky Blue 197°/205° 43%/47% 92% #87CEEB #87CEFF #7EC0EE #6CA6CD #4A708B
Slate Blue 248° 57% 80% #6A5ACD #836FFF #7A67EE #6959CD #473C8B
Slate Gray 210° 22% 57% #708090 #C6E2FF #B9D3EE #9FB6CD #6C7B8B
Snow 2% 100% #FFFAFA #EEE9E9 #CDC9C9 #8B8989
Spring Green 150° 100% 100% #00FF7F #00EE76 #00CD66 #008B45
Steel Blue 207° 61% 71% #4682B4 #63B8FF #5CACEE #4F94CD #36648B
Tan 30°/34° 33%/69% 82% #D2B48C #FFA54F #EE9A49 #CD853F #8B5A2B
Thistle 300° 12% 85% #D8BFD8 #FFE1FF #EED2EE #CDB5CD #8B7B8B
Tomato 72% 100% #FF6347 #EE5C42 #CD4F39 #8B3626
Turquoise 174°/182° 71%/100% 88% #40E0D0 #00F5FF #00E5EE #00C5CD #00868B
Violet Red 322°/333° 76%/85% 82% #D02090 #FF3E96 #EE3A8C #CD3278 #8B2252
Wheat 39° 27% 96% #F5DEB3 #FFE7BA #EED8AE #CDBA96 #8B7E66
Yellow 60° 100% 100% #FFFF00 #EEEE00 #CDCD00 #8B8B00
  • Veröffentlicht in: CSS

Farbnamen nach X11 in Linux

Farbsortierung

Farbsortierung
Farbe Name rgb
snow 255,250,250
ghost white 248,248,255
GhostWhite 248,248,255
white smoke 245,245,245
WhiteSmoke 245,245,245
gainsboro 220,220,220
floral white 255,250,240
FloralWhite 255,250,240
old lace 253,245,230
OldLace 253,245,230
linen 250,240,230
antique white 250,235,215
AntiqueWhite 250,235,215
papaya whip 255,239,213
PapayaWhip 255,239,213
blanched almond 255,235,205
BlanchedAlmond 255,235,205
bisque 255,228,196
peach puff 255,218,185
PeachPuff 255,218,185
navajo white 255,222,173
NavajoWhite 255,222,173
moccasin 255,228,181
cornsilk 255,248,220
ivory 255,255,240
lemon chiffon 255,250,205
LemonChiffon 255,250,205
seashell 255,245,238
honeydew 240,255,240
mint cream 245,255,250
MintCream 245,255,250
azure 240,255,255
alice blue 240,248,255
AliceBlue 240,248,255
lavender 230,230,250
lavender blush 255,240,245
LavenderBlush 255,240,245
misty rose 255,228,225
MistyRose 255,228,225
white 255,255,255
black 0,0,0
dark slate gray 47,79,79
DarkSlateGray 47,79,79
dark slate grey 47,79,79
DarkSlateGrey 47,79,79
dim gray 105,105,105
DimGray 105,105,105
dim grey 105,105,105
DimGrey 105,105,105
slate gray 112,128,144
SlateGray 112,128,144
slate grey 112,128,144
SlateGrey 112,128,144
light slate gray 119,136,153
LightSlateGray 119,136,153
light slate grey 119,136,153
LightSlateGrey 119,136,153
gray 190,190,190
grey 190,190,190
light grey 211,211,211
LightGrey 211,211,211
light gray 211,211,211
LightGray 211,211,211
midnight blue 25,25,112
MidnightBlue 25,25,112
navy 0,0,128
navy blue 0,0,128
NavyBlue 0,0,128
cornflower blue 100,149,237
CornflowerBlue 100,149,237
dark slate blue 72,61,139
DarkSlateBlue 72,61,139
slate blue 106,90,205
SlateBlue 106,90,205
medium slate blue 123,104,238
MediumSlateBlue 123,104,238
light slate blue 132,112,255
LightSlateBlue 132,112,255
medium blue 0,0,205
MediumBlue 0,0,205
royal blue 65,105,225
RoyalBlue 65,105,225
blue 0,0,255
dodger blue 30,144,255
DodgerBlue 30,144,255
deep sky blue 0,191,255
DeepSkyBlue 0,191,255
sky blue 135,206,235
SkyBlue 135,206,235
light sky blue 135,206,250
LightSkyBlue 135,206,250
steel blue 70,130,180
SteelBlue 70,130,180
light steel blue 176,196,222
LightSteelBlue 176,196,222
light blue 173,216,230
LightBlue 173,216,230
powder blue 176,224,230
PowderBlue 176,224,230
pale turquoise 175,238,238
PaleTurquoise 175,238,238
dark turquoise 0,206,209
DarkTurquoise 0,206,209
medium turquoise 72,209,204
MediumTurquoise 72,209,204
turquoise 64,224,208
cyan 0,255,255
light cyan 224,255,255
LightCyan 224,255,255
cadet blue 95,158,160
CadetBlue 95,158,160
medium aquamarine 102,205,170
MediumAquamarine 102,205,170
aquamarine 127,255,212
dark green 0,100,0
DarkGreen 0,100,0
dark olive green 85,107,47
DarkOliveGreen 85,107,47
dark sea green 143,188,143
DarkSeaGreen 143,188,143
sea green 46,139,87
SeaGreen 46,139,87
medium sea green 60,179,113
MediumSeaGreen 60,179,113
light sea green 32,178,170
LightSeaGreen 32,178,170
pale green 152,251,152
PaleGreen 152,251,152
spring green 0,255,127
SpringGreen 0,255,127
lawn green 124,252,0
LawnGreen 124,252,0
green 0,255,0
chartreuse 127,255,0
medium spring green 0,250,154
MediumSpringGreen 0,250,154
green yellow 173,255,47
GreenYellow 173,255,47
lime green 50,205,50
LimeGreen 50,205,50
yellow green 154,205,50
YellowGreen 154,205,50
forest green 34,139,34
ForestGreen 34,139,34
olive drab 107,142,35
OliveDrab 107,142,35
dark khaki 189,183,107
DarkKhaki 189,183,107
khaki 240,230,140
pale goldenrod 238,232,170
PaleGoldenrod 238,232,170
light goldenrod yellow 250,250,210
LightGoldenrodYellow 250,250,210
light yellow 255,255,224
LightYellow 255,255,224
yellow 255,255,0
gold 255,215,0
light goldenrod 238,221,130
LightGoldenrod 238,221,130
goldenrod 218,165,32
dark goldenrod 184,134,11
DarkGoldenrod 184,134,11
rosy brown 188,143,143
RosyBrown 188,143,143
indian red 205,92,92
IndianRed 205,92,92
saddle brown 139,69,19
SaddleBrown 139,69,19
sienna 160,82,45
peru 205,133,63
burlywood 222,184,135
beige 245,245,220
wheat 245,222,179
sandy brown 244,164,96
SandyBrown 244,164,96
tan 210,180,140
chocolate 210,105,30
firebrick 178,34,34
brown 165,42,42
dark salmon 233,150,122
DarkSalmon 233,150,122
salmon 250,128,114
light salmon 255,160,122
LightSalmon 255,160,122
orange 255,165,0
dark orange 255,140,0
DarkOrange 255,140,0
coral 255,127,80
light coral 240,128,128
LightCoral 240,128,128
tomato 255,99,71
orange red 255,69,0
OrangeRed 255,69,0
red 255,0,0
hot pink 255,105,180
HotPink 255,105,180
deep pink 255,20,147
DeepPink 255,20,147
pink 255,192,203
light pink 255,182,193
LightPink 255,182,193
pale violet red 219,112,147
PaleVioletRed 219,112,147
maroon 176,48,96
medium violet red 199,21,133
MediumVioletRed 199,21,133
violet red 208,32,144
VioletRed 208,32,144
magenta 255,0,255
violet 238,130,238
plum 221,160,221
orchid 218,112,214
medium orchid 186,85,211
MediumOrchid 186,85,211
dark orchid 153,50,204
DarkOrchid 153,50,204
dark violet 148,0,211
DarkViolet 148,0,211
blue violet 138,43,226
BlueViolet 138,43,226
purple 160,32,240
medium purple 147,112,219
MediumPurple 147,112,219
thistle 216,191,216
snow1 255,250,250
snow2 238,233,233
snow3 205,201,201
snow4 139,137,137
seashell1 255,245,238
seashell2 238,229,222
seashell3 205,197,191
seashell4 139,134,130
AntiqueWhite1 255,239,219
AntiqueWhite2 238,223,204
AntiqueWhite3 205,192,176
AntiqueWhite4 139,131,120
bisque1 255,228,196
bisque2 238,213,183
bisque3 205,183,158
bisque4 139,125,107
PeachPuff1 255,218,185
PeachPuff2 238,203,173
PeachPuff3 205,175,149
PeachPuff4 139,119,101
NavajoWhite1 255,222,173
NavajoWhite2 238,207,161
NavajoWhite3 205,179,139
NavajoWhite4 139,121,94
LemonChiffon1 255,250,205
LemonChiffon2 238,233,191
LemonChiffon3 205,201,165
LemonChiffon4 139,137,112
cornsilk1 255,248,220
cornsilk2 238,232,205
cornsilk3 205,200,177
cornsilk4 139,136,120
ivory1 255,255,240
ivory2 238,238,224
ivory3 205,205,193
ivory4 139,139,131
honeydew1 240,255,240
honeydew2 224,238,224
honeydew3 193,205,193
honeydew4 131,139,131
LavenderBlush1 255,240,245
LavenderBlush2 238,224,229
LavenderBlush3 205,193,197
LavenderBlush4 139,131,134
MistyRose1 255,228,225
MistyRose2 238,213,210
MistyRose3 205,183,181
MistyRose4 139,125,123
azure1 240,255,255
azure2 224,238,238
azure3 193,205,205
azure4 131,139,139
SlateBlue1 131,111,255
SlateBlue2 122,103,238
SlateBlue3 105,89,205
SlateBlue4 71,60,139
RoyalBlue1 72,118,255
RoyalBlue2 67,110,238
RoyalBlue3 58,95,205
RoyalBlue4 39,64,139
blue1 0,0,255
blue2 0,0,238
blue3 0,0,205
blue4 0,0,139
DodgerBlue1 30,144,255
DodgerBlue2 28,134,238
DodgerBlue3 24,116,205
DodgerBlue4 16,78,139
SteelBlue1 99,184,255
SteelBlue2 92,172,238
SteelBlue3 79,148,205
SteelBlue4 54,100,139
DeepSkyBlue1 0,191,255
DeepSkyBlue2 0,178,238
DeepSkyBlue3 0,154,205
DeepSkyBlue4 0,104,139
SkyBlue1 135,206,255
SkyBlue2 126,192,238
SkyBlue3 108,166,205
SkyBlue4 74,112,139
LightSkyBlue1 176,226,255
LightSkyBlue2 164,211,238
LightSkyBlue3 141,182,205
LightSkyBlue4 96,123,139
SlateGray1 198,226,255
SlateGray2 185,211,238
SlateGray3 159,182,205
SlateGray4 108,123,139
LightSteelBlue1 202,225,255
LightSteelBlue2 188,210,238
LightSteelBlue3 162,181,205
LightSteelBlue4 110,123,139
LightBlue1 191,239,255
LightBlue2 178,223,238
LightBlue3 154,192,205
LightBlue4 104,131,139
LightCyan1 224,255,255
LightCyan2 209,238,238
LightCyan3 180,205,205
LightCyan4 122,139,139
PaleTurquoise1 187,255,255
PaleTurquoise2 174,238,238
PaleTurquoise3 150,205,205
PaleTurquoise4 102,139,139
CadetBlue1 152,245,255
CadetBlue2 142,229,238
CadetBlue3 122,197,205
CadetBlue4 83,134,139
turquoise1 0,245,255
turquoise2 0,229,238
turquoise3 0,197,205
turquoise4 0,134,139
cyan1 0,255,255
cyan2 0,238,238
cyan3 0,205,205
cyan4 0,139,139
DarkSlateGray1 151,255,255
DarkSlateGray2 141,238,238
DarkSlateGray3 121,205,205
DarkSlateGray4 82,139,139
aquamarine1 127,255,212
aquamarine2 118,238,198
aquamarine3 102,205,170
aquamarine4 69,139,116
DarkSeaGreen1 193,255,193
DarkSeaGreen2 180,238,180
DarkSeaGreen3 155,205,155
DarkSeaGreen4 105,139,105
SeaGreen1 84,255,159
SeaGreen2 78,238,148
SeaGreen3 67,205,128
SeaGreen4 46,139,87
PaleGreen1 154,255,154
PaleGreen2 144,238,144
PaleGreen3 124,205,124
PaleGreen4 84,139,84
SpringGreen1 0,255,127
SpringGreen2 0,238,118
SpringGreen3 0,205,102
SpringGreen4 0,139,69
green1 0,255,0
green2 0,238,0
green3 0,205,0
green4 0,139,0
chartreuse1 127,255,0
chartreuse2 118,238,0
chartreuse3 102,205,0
chartreuse4 69,139,0
OliveDrab1 192,255,62
OliveDrab2 179,238,58
OliveDrab3 154,205,50
OliveDrab4 105,139,34
DarkOliveGreen1 202,255,112
DarkOliveGreen2 188,238,104
DarkOliveGreen3 162,205,90
DarkOliveGreen4 110,139,61
khaki1 255,246,143
khaki2 238,230,133
khaki3 205,198,115
khaki4 139,134,78
LightGoldenrod1 255,236,139
LightGoldenrod2 238,220,130
LightGoldenrod3 205,190,112
LightGoldenrod4 139,129,76
LightYellow1 255,255,224
LightYellow2 238,238,209
LightYellow3 205,205,180
LightYellow4 139,139,122
yellow1 255,255,0
yellow2 238,238,0
yellow3 205,205,0
yellow4 139,139,0
gold1 255,215,0
gold2 238,201,0
gold3 205,173,0
gold4 139,117,0
goldenrod1 255,193,37
goldenrod2 238,180,34
goldenrod3 205,155,29
goldenrod4 139,105,20
DarkGoldenrod1 255,185,15
DarkGoldenrod2 238,173,14
DarkGoldenrod3 205,149,12
DarkGoldenrod4 139,101,8
RosyBrown1 255,193,193
RosyBrown2 238,180,180
RosyBrown3 205,155,155
RosyBrown4 139,105,105
IndianRed1 255,106,106
IndianRed2 238,99,99
IndianRed3 205,85,85
IndianRed4 139,58,58
sienna1 255,130,71
sienna2 238,121,66
sienna3 205,104,57
sienna4 139,71,38
burlywood1 255,211,155
burlywood2 238,197,145
burlywood3 205,170,125
burlywood4 139,115,85
wheat1 255,231,186
wheat2 238,216,174
wheat3 205,186,150
wheat4 139,126,102
tan1 255,165,79
tan2 238,154,73
tan3 205,133,63
tan4 139,90,43
chocolate1 255,127,36
chocolate2 238,118,33
chocolate3 205,102,29
chocolate4 139,69,19
firebrick1 255,48,48
firebrick2 238,44,44
firebrick3 205,38,38
firebrick4 139,26,26
brown1 255,64,64
brown2 238,59,59
brown3 205,51,51
brown4 139,35,35
salmon1 255,140,105
salmon2 238,130,98
salmon3 205,112,84
salmon4 139,76,57
LightSalmon1 255,160,122
LightSalmon2 238,149,114
LightSalmon3 205,129,98
LightSalmon4 139,87,66
orange1 255,165,0
orange2 238,154,0
orange3 205,133,0
orange4 139,90,0
DarkOrange1 255,127,0
DarkOrange2 238,118,0
DarkOrange3 205,102,0
DarkOrange4 139,69,0
coral1 255,114,86
coral2 238,106,80
coral3 205,91,69
coral4 139,62,47
tomato1 255,99,71
tomato2 238,92,66
tomato3 205,79,57
tomato4 139,54,38
OrangeRed1 255,69,0
OrangeRed2 238,64,0
OrangeRed3 205,55,0
OrangeRed4 139,37,0
red1 255,0,0
red2 238,0,0
red3 205,0,0
red4 139,0,0
DebianRed 215,7,81
DeepPink1 255,20,147
DeepPink2 238,18,137
DeepPink3 205,16,118
DeepPink4 139,10,80
HotPink1 255,110,180
HotPink2 238,106,167
HotPink3 205,96,144
HotPink4 139,58,98
pink1 255,181,197
pink2 238,169,184
pink3 205,145,158
pink4 139,99,108
LightPink1 255,174,185
LightPink2 238,162,173
LightPink3 205,140,149
LightPink4 139,95,101
PaleVioletRed1 255,130,171
PaleVioletRed2 238,121,159
PaleVioletRed3 205,104,137
PaleVioletRed4 139,71,93
maroon1 255,52,179
maroon2 238,48,167
maroon3 205,41,144
maroon4 139,28,98
VioletRed1 255,62,150
VioletRed2 238,58,140
VioletRed3 205,50,120
VioletRed4 139,34,82
magenta1 255,0,255
magenta2 238,0,238
magenta3 205,0,205
magenta4 139,0,139
orchid1 255,131,250
orchid2 238,122,233
orchid3 205,105,201
orchid4 139,71,137
plum1 255,187,255
plum2 238,174,238
plum3 205,150,205
plum4 139,102,139
MediumOrchid1 224,102,255
MediumOrchid2 209,95,238
MediumOrchid3 180,82,205
MediumOrchid4 122,55,139
DarkOrchid1 191,62,255
DarkOrchid2 178,58,238
DarkOrchid3 154,50,205
DarkOrchid4 104,34,139
purple1 155,48,255
purple2 145,44,238
purple3 125,38,205
purple4 85,26,139
MediumPurple1 171,130,255
MediumPurple2 159,121,238
MediumPurple3 137,104,205
MediumPurple4 93,71,139
thistle1 255,225,255
thistle2 238,210,238
thistle3 205,181,205
thistle4 139,123,139
gray0 0,0,0
grey0 0,0,0
gray1 3,3,3
grey1 3,3,3
gray2 5,5,5
grey2 5,5,5
gray3 8,8,8
grey3 8,8,8
gray4 10,10,10
grey4 10,10,10
gray5 13,13,13
grey5 13,13,13
gray6 15,15,15
grey6 15,15,15
gray7 18,18,18
grey7 18,18,18
gray8 20,20,20
grey8 20,20,20
gray9 23,23,23
grey9 23,23,23
gray10 26,26,26
grey10 26,26,26
gray11 28,28,28
grey11 28,28,28
gray12 31,31,31
grey12 31,31,31
gray13 33,33,33
grey13 33,33,33
gray14 36,36,36
grey14 36,36,36
gray15 38,38,38
grey15 38,38,38
gray16 41,41,41
grey16 41,41,41
gray17 43,43,43
grey17 43,43,43
gray18 46,46,46
grey18 46,46,46
gray19 48,48,48
grey19 48,48,48
gray20 51,51,51
grey20 51,51,51
gray21 54,54,54
grey21 54,54,54
gray22 56,56,56
grey22 56,56,56
gray23 59,59,59
grey23 59,59,59
gray24 61,61,61
grey24 61,61,61
gray25 64,64,64
grey25 64,64,64
gray26 66,66,66
grey26 66,66,66
gray27 69,69,69
grey27 69,69,69
gray28 71,71,71
grey28 71,71,71
gray29 74,74,74
grey29 74,74,74
gray30 77,77,77
grey30 77,77,77
gray31 79,79,79
grey31 79,79,79
gray32 82,82,82
grey32 82,82,82
gray33 84,84,84
grey33 84,84,84
gray34 87,87,87
grey34 87,87,87
gray35 89,89,89
grey35 89,89,89
gray36 92,92,92
grey36 92,92,92
gray37 94,94,94
grey37 94,94,94
gray38 97,97,97
grey38 97,97,97
gray39 99,99,99
grey39 99,99,99
gray40 102,102,102
grey40 102,102,102
gray41 105,105,105
grey41 105,105,105
gray42 107,107,107
grey42 107,107,107
gray43 110,110,110
grey43 110,110,110
gray44 112,112,112
grey44 112,112,112
gray45 115,115,115
grey45 115,115,115
gray46 117,117,117
grey46 117,117,117
gray47 120,120,120
grey47 120,120,120
gray48 122,122,122
grey48 122,122,122
gray49 125,125,125
grey49 125,125,125
gray50 127,127,127
grey50 127,127,127
gray51 130,130,130
grey51 130,130,130
gray52 133,133,133
grey52 133,133,133
gray53 135,135,135
grey53 135,135,135
gray54 138,138,138
grey54 138,138,138
gray55 140,140,140
grey55 140,140,140
gray56 143,143,143
grey56 143,143,143
gray57 145,145,145
grey57 145,145,145
gray58 148,148,148
grey58 148,148,148
gray59 150,150,150
grey59 150,150,150
gray60 153,153,153
grey60 153,153,153
gray61 156,156,156
grey61 156,156,156
gray62 158,158,158
grey62 158,158,158
gray63 161,161,161
grey63 161,161,161
gray64 163,163,163
grey64 163,163,163
gray65 166,166,166
grey65 166,166,166
gray66 168,168,168
grey66 168,168,168
gray67 171,171,171
grey67 171,171,171
gray68 173,173,173
grey68 173,173,173
gray69 176,176,176
grey69 176,176,176
gray70 179,179,179
grey70 179,179,179
gray71 181,181,181
grey71 181,181,181
gray72 184,184,184
grey72 184,184,184
gray73 186,186,186
grey73 186,186,186
gray74 189,189,189
grey74 189,189,189
gray75 191,191,191
grey75 191,191,191
gray76 194,194,194
grey76 194,194,194
gray77 196,196,196
grey77 196,196,196
gray78 199,199,199
grey78 199,199,199
gray79 201,201,201
grey79 201,201,201
gray80 204,204,204
grey80 204,204,204
gray81 207,207,207
grey81 207,207,207
gray82 209,209,209
grey82 209,209,209
gray83 212,212,212
grey83 212,212,212
gray84 214,214,214
grey84 214,214,214
gray85 217,217,217
grey85 217,217,217
gray86 219,219,219
grey86 219,219,219
gray87 222,222,222
grey87 222,222,222
gray88 224,224,224
grey88 224,224,224
gray89 227,227,227
grey89 227,227,227
gray90 229,229,229
grey90 229,229,229
gray91 232,232,232
grey91 232,232,232
gray92 235,235,235
grey92 235,235,235
gray93 237,237,237
grey93 237,237,237
gray94 240,240,240
grey94 240,240,240
gray95 242,242,242
grey95 242,242,242
gray96 245,245,245
grey96 245,245,245
gray97 247,247,247
grey97 247,247,247
gray98 250,250,250
grey98 250,250,250
gray99 252,252,252
grey99 252,252,252
gray100 255,255,255
grey100 255,255,255
dark grey 169,169,169
DarkGrey 169,169,169
dark gray 169,169,169
DarkGray 169,169,169
dark blue 0,0,139
DarkBlue 0,0,139
dark cyan 0,139,139
DarkCyan 0,139,139
dark magenta 139,0,139
DarkMagenta 139,0,139
dark red 139,0,0
DarkRed 139,0,0
light green 144,238,144
LightGreen 144,238,144
Alphabethisch geordnet

Alphabethisch geordnet
Farbe Name rgb
alice blue 240,248,255
AliceBlue 240,248,255
antique white 250,235,215
AntiqueWhite 250,235,215
AntiqueWhite1 255,239,219
AntiqueWhite2 238,223,204
AntiqueWhite3 205,192,176
AntiqueWhite4 139,131,120
aquamarine 127,255,212
aquamarine1 127,255,212
aquamarine2 118,238,198
aquamarine3 102,205,170
aquamarine4 69,139,116
azure 240,255,255
azure1 240,255,255
azure2 224,238,238
azure3 193,205,205
azure4 131,139,139
beige 245,245,220
bisque 255,228,196
bisque1 255,228,196
bisque2 238,213,183
bisque3 205,183,158
bisque4 139,125,107
black 0,0,0
blanched almond 255,235,205
BlanchedAlmond 255,235,205
blue 0,0,255
blue violet 138,43,226
blue1 0,0,255
blue2 0,0,238
blue3 0,0,205
blue4 0,0,139
BlueViolet 138,43,226
brown 165,42,42
brown1 255,64,64
brown2 238,59,59
brown3 205,51,51
brown4 139,35,35
burlywood 222,184,135
burlywood1 255,211,155
burlywood2 238,197,145
burlywood3 205,170,125
burlywood4 139,115,85
cadet blue 95,158,160
CadetBlue 95,158,160
CadetBlue1 152,245,255
CadetBlue2 142,229,238
CadetBlue3 122,197,205
CadetBlue4 83,134,139
chartreuse 127,255,0
chartreuse1 127,255,0
chartreuse2 118,238,0
chartreuse3 102,205,0
chartreuse4 69,139,0
chocolate 210,105,30
chocolate1 255,127,36
chocolate2 238,118,33
chocolate3 205,102,29
chocolate4 139,69,19
coral 255,127,80
coral1 255,114,86
coral2 238,106,80
coral3 205,91,69
coral4 139,62,47
cornflower blue 100,149,237
CornflowerBlue 100,149,237
cornsilk 255,248,220
cornsilk1 255,248,220
cornsilk2 238,232,205
cornsilk3 205,200,177
cornsilk4 139,136,120
cyan 0,255,255
cyan1 0,255,255
cyan2 0,238,238
cyan3 0,205,205
cyan4 0,139,139
dark blue 0,0,139
dark cyan 0,139,139
dark goldenrod 184,134,11
dark gray 169,169,169
dark green 0,100,0
dark grey 169,169,169
dark khaki 189,183,107
dark magenta 139,0,139
dark olive green 85,107,47
dark orange 255,140,0
dark orchid 153,50,204
dark red 139,0,0
dark salmon 233,150,122
dark sea green 143,188,143
dark slate blue 72,61,139
dark slate gray 47,79,79
dark slate grey 47,79,79
dark turquoise 0,206,209
dark violet 148,0,211
DarkBlue 0,0,139
DarkCyan 0,139,139
DarkGoldenrod 184,134,11
DarkGoldenrod1 255,185,15
DarkGoldenrod2 238,173,14
DarkGoldenrod3 205,149,12
DarkGoldenrod4 139,101,8
DarkGray 169,169,169
DarkGreen 0,100,0
DarkGrey 169,169,169
DarkKhaki 189,183,107
DarkMagenta 139,0,139
DarkOliveGreen 85,107,47
DarkOliveGreen1 202,255,112
DarkOliveGreen2 188,238,104
DarkOliveGreen3 162,205,90
DarkOliveGreen4 110,139,61
DarkOrange 255,140,0
DarkOrange1 255,127,0
DarkOrange2 238,118,0
DarkOrange3 205,102,0
DarkOrange4 139,69,0
DarkOrchid 153,50,204
DarkOrchid1 191,62,255
DarkOrchid2 178,58,238
DarkOrchid3 154,50,205
DarkOrchid4 104,34,139
DarkRed 139,0,0
DarkSalmon 233,150,122
DarkSeaGreen 143,188,143
DarkSeaGreen1 193,255,193
DarkSeaGreen2 180,238,180
DarkSeaGreen3 155,205,155
DarkSeaGreen4 105,139,105
DarkSlateBlue 72,61,139
DarkSlateGray 47,79,79
DarkSlateGray1 151,255,255
DarkSlateGray2 141,238,238
DarkSlateGray3 121,205,205
DarkSlateGray4 82,139,139
DarkSlateGrey 47,79,79
DarkTurquoise 0,206,209
DarkViolet 148,0,211
DebianRed 215,7,81
deep pink 255,20,147
deep sky blue 0,191,255
DeepPink 255,20,147
DeepPink1 255,20,147
DeepPink2 238,18,137
DeepPink3 205,16,118
DeepPink4 139,10,80
DeepSkyBlue 0,191,255
DeepSkyBlue1 0,191,255
DeepSkyBlue2 0,178,238
DeepSkyBlue3 0,154,205
DeepSkyBlue4 0,104,139
dim gray 105,105,105
dim grey 105,105,105
DimGray 105,105,105
DimGrey 105,105,105
dodger blue 30,144,255
DodgerBlue 30,144,255
DodgerBlue1 30,144,255
DodgerBlue2 28,134,238
DodgerBlue3 24,116,205
DodgerBlue4 16,78,139
firebrick 178,34,34
firebrick1 255,48,48
firebrick2 238,44,44
firebrick3 205,38,38
firebrick4 139,26,26
floral white 255,250,240
FloralWhite 255,250,240
forest green 34,139,34
ForestGreen 34,139,34
gainsboro 220,220,220
ghost white 248,248,255
GhostWhite 248,248,255
gold 255,215,0
gold1 255,215,0
gold2 238,201,0
gold3 205,173,0
gold4 139,117,0
goldenrod 218,165,32
goldenrod1 255,193,37
goldenrod2 238,180,34
goldenrod3 205,155,29
goldenrod4 139,105,20
gray 190,190,190
gray0 0,0,0
gray1 3,3,3
gray10 26,26,26
gray100 255,255,255
gray11 28,28,28
gray12 31,31,31
gray13 33,33,33
gray14 36,36,36
gray15 38,38,38
gray16 41,41,41
gray17 43,43,43
gray18 46,46,46
gray19 48,48,48
gray2 5,5,5
gray20 51,51,51
gray21 54,54,54
gray22 56,56,56
gray23 59,59,59
gray24 61,61,61
gray25 64,64,64
gray26 66,66,66
gray27 69,69,69
gray28 71,71,71
gray29 74,74,74
gray3 8,8,8
gray30 77,77,77
gray31 79,79,79
gray32 82,82,82
gray33 84,84,84
gray34 87,87,87
gray35 89,89,89
gray36 92,92,92
gray37 94,94,94
gray38 97,97,97
gray39 99,99,99
gray4 10,10,10
gray40 102,102,102
gray41 105,105,105
gray42 107,107,107
gray43 110,110,110
gray44 112,112,112
gray45 115,115,115
gray46 117,117,117
gray47 120,120,120
gray48 122,122,122
gray49 125,125,125
gray5 13,13,13
gray50 127,127,127
gray51 130,130,130
gray52 133,133,133
gray53 135,135,135
gray54 138,138,138
gray55 140,140,140
gray56 143,143,143
gray57 145,145,145
gray58 148,148,148
gray59 150,150,150
gray6 15,15,15
gray60 153,153,153
gray61 156,156,156
gray62 158,158,158
gray63 161,161,161
gray64 163,163,163
gray65 166,166,166
gray66 168,168,168
gray67 171,171,171
gray68 173,173,173
gray69 176,176,176
gray7 18,18,18
gray70 179,179,179
gray71 181,181,181
gray72 184,184,184
gray73 186,186,186
gray74 189,189,189
gray75 191,191,191
gray76 194,194,194
gray77 196,196,196
gray78 199,199,199
gray79 201,201,201
gray8 20,20,20
gray80 204,204,204
gray81 207,207,207
gray82 209,209,209
gray83 212,212,212
gray84 214,214,214
gray85 217,217,217
gray86 219,219,219
gray87 222,222,222
gray88 224,224,224
gray89 227,227,227
gray9 23,23,23
gray90 229,229,229
gray91 232,232,232
gray92 235,235,235
gray93 237,237,237
gray94 240,240,240
gray95 242,242,242
gray96 245,245,245
gray97 247,247,247
gray98 250,250,250
gray99 252,252,252
green 0,255,0
green yellow 173,255,47
green1 0,255,0
green2 0,238,0
green3 0,205,0
green4 0,139,0
GreenYellow 173,255,47
grey 190,190,190
grey0 0,0,0
grey1 3,3,3
grey10 26,26,26
grey100 255,255,255
grey11 28,28,28
grey12 31,31,31
grey13 33,33,33
grey14 36,36,36
grey15 38,38,38
grey16 41,41,41
grey17 43,43,43
grey18 46,46,46
grey19 48,48,48
grey2 5,5,5
grey20 51,51,51
grey21 54,54,54
grey22 56,56,56
grey23 59,59,59
grey24 61,61,61
grey25 64,64,64
grey26 66,66,66
grey27 69,69,69
grey28 71,71,71
grey29 74,74,74
grey3 8,8,8
grey30 77,77,77
grey31 79,79,79
grey32 82,82,82
grey33 84,84,84
grey34 87,87,87
grey35 89,89,89
grey36 92,92,92
grey37 94,94,94
grey38 97,97,97
grey39 99,99,99
grey4 10,10,10
grey40 102,102,102
grey41 105,105,105
grey42 107,107,107
grey43 110,110,110
grey44 112,112,112
grey45 115,115,115
grey46 117,117,117
grey47 120,120,120
grey48 122,122,122
grey49 125,125,125
grey5 13,13,13
grey50 127,127,127
grey51 130,130,130
grey52 133,133,133
grey53 135,135,135
grey54 138,138,138
grey55 140,140,140
grey56 143,143,143
grey57 145,145,145
grey58 148,148,148
grey59 150,150,150
grey6 15,15,15
grey60 153,153,153
grey61 156,156,156
grey62 158,158,158
grey63 161,161,161
grey64 163,163,163
grey65 166,166,166
grey66 168,168,168
grey67 171,171,171
grey68 173,173,173
grey69 176,176,176
grey7 18,18,18
grey70 179,179,179
grey71 181,181,181
grey72 184,184,184
grey73 186,186,186
grey74 189,189,189
grey75 191,191,191
grey76 194,194,194
grey77 196,196,196
grey78 199,199,199
grey79 201,201,201
grey8 20,20,20
grey80 204,204,204
grey81 207,207,207
grey82 209,209,209
grey83 212,212,212
grey84 214,214,214
grey85 217,217,217
grey86 219,219,219
grey87 222,222,222
grey88 224,224,224
grey89 227,227,227
grey9 23,23,23
grey90 229,229,229
grey91 232,232,232
grey92 235,235,235
grey93 237,237,237
grey94 240,240,240
grey95 242,242,242
grey96 245,245,245
grey97 247,247,247
grey98 250,250,250
grey99 252,252,252
honeydew 240,255,240
honeydew1 240,255,240
honeydew2 224,238,224
honeydew3 193,205,193
honeydew4 131,139,131
hot pink 255,105,180
HotPink 255,105,180
HotPink1 255,110,180
HotPink2 238,106,167
HotPink3 205,96,144
HotPink4 139,58,98
indian red 205,92,92
IndianRed 205,92,92
IndianRed1 255,106,106
IndianRed2 238,99,99
IndianRed3 205,85,85
IndianRed4 139,58,58
ivory 255,255,240
ivory1 255,255,240
ivory2 238,238,224
ivory3 205,205,193
ivory4 139,139,131
khaki 240,230,140
khaki1 255,246,143
khaki2 238,230,133
khaki3 205,198,115
khaki4 139,134,78
lavender 230,230,250
lavender blush 255,240,245
LavenderBlush 255,240,245
LavenderBlush1 255,240,245
LavenderBlush2 238,224,229
LavenderBlush3 205,193,197
LavenderBlush4 139,131,134
lawn green 124,252,0
LawnGreen 124,252,0
lemon chiffon 255,250,205
LemonChiffon 255,250,205
LemonChiffon1 255,250,205
LemonChiffon2 238,233,191
LemonChiffon3 205,201,165
LemonChiffon4 139,137,112
light blue 173,216,230
light coral 240,128,128
light cyan 224,255,255
light goldenrod 238,221,130
light goldenrod yellow 250,250,210
light gray 211,211,211
light green 144,238,144
light grey 211,211,211
light pink 255,182,193
light salmon 255,160,122
light sea green 32,178,170
light sky blue 135,206,250
light slate blue 132,112,255
light slate gray 119,136,153
light slate grey 119,136,153
light steel blue 176,196,222
light yellow 255,255,224
LightBlue 173,216,230
LightBlue1 191,239,255
LightBlue2 178,223,238
LightBlue3 154,192,205
LightBlue4 104,131,139
LightCoral 240,128,128
LightCyan 224,255,255
LightCyan1 224,255,255
LightCyan2 209,238,238
LightCyan3 180,205,205
LightCyan4 122,139,139
LightGoldenrod 238,221,130
LightGoldenrod1 255,236,139
LightGoldenrod2 238,220,130
LightGoldenrod3 205,190,112
LightGoldenrod4 139,129,76
LightGoldenrodYellow 250,250,210
LightGray 211,211,211
LightGreen 144,238,144
LightGrey 211,211,211
LightPink 255,182,193
LightPink1 255,174,185
LightPink2 238,162,173
LightPink3 205,140,149
LightPink4 139,95,101
LightSalmon 255,160,122
LightSalmon1 255,160,122
LightSalmon2 238,149,114
LightSalmon3 205,129,98
LightSalmon4 139,87,66
LightSeaGreen 32,178,170
LightSkyBlue 135,206,250
LightSkyBlue1 176,226,255
LightSkyBlue2 164,211,238
LightSkyBlue3 141,182,205
LightSkyBlue4 96,123,139
LightSlateBlue 132,112,255
LightSlateGray 119,136,153
LightSlateGrey 119,136,153
LightSteelBlue 176,196,222
LightSteelBlue1 202,225,255
LightSteelBlue2 188,210,238
LightSteelBlue3 162,181,205
LightSteelBlue4 110,123,139
LightYellow 255,255,224
LightYellow1 255,255,224
LightYellow2 238,238,209
LightYellow3 205,205,180
LightYellow4 139,139,122
lime green 50,205,50
LimeGreen 50,205,50
linen 250,240,230
magenta 255,0,255
magenta1 255,0,255
magenta2 238,0,238
magenta3 205,0,205
magenta4 139,0,139
maroon 176,48,96
maroon1 255,52,179
maroon2 238,48,167
maroon3 205,41,144
maroon4 139,28,98
medium aquamarine 102,205,170
medium blue 0,0,205
medium orchid 186,85,211
medium purple 147,112,219
medium sea green 60,179,113
medium slate blue 123,104,238
medium spring green 0,250,154
medium turquoise 72,209,204
medium violet red 199,21,133
MediumAquamarine 102,205,170
MediumBlue 0,0,205
MediumOrchid 186,85,211
MediumOrchid1 224,102,255
MediumOrchid2 209,95,238
MediumOrchid3 180,82,205
MediumOrchid4 122,55,139
MediumPurple 147,112,219
MediumPurple1 171,130,255
MediumPurple2 159,121,238
MediumPurple3 137,104,205
MediumPurple4 93,71,139
MediumSeaGreen 60,179,113
MediumSlateBlue 123,104,238
MediumSpringGreen 0,250,154
MediumTurquoise 72,209,204
MediumVioletRed 199,21,133
midnight blue 25,25,112
MidnightBlue 25,25,112
mint cream 245,255,250
MintCream 245,255,250
misty rose 255,228,225
MistyRose 255,228,225
MistyRose1 255,228,225
MistyRose2 238,213,210
MistyRose3 205,183,181
MistyRose4 139,125,123
moccasin 255,228,181
navajo white 255,222,173
NavajoWhite 255,222,173
NavajoWhite1 255,222,173
NavajoWhite2 238,207,161
NavajoWhite3 205,179,139
NavajoWhite4 139,121,94
navy 0,0,128
navy blue 0,0,128
NavyBlue 0,0,128
old lace 253,245,230
OldLace 253,245,230
olive drab 107,142,35
OliveDrab 107,142,35
OliveDrab1 192,255,62
OliveDrab2 179,238,58
OliveDrab3 154,205,50
OliveDrab4 105,139,34
orange 255,165,0
orange red 255,69,0
orange1 255,165,0
orange2 238,154,0
orange3 205,133,0
orange4 139,90,0
OrangeRed 255,69,0
OrangeRed1 255,69,0
OrangeRed2 238,64,0
OrangeRed3 205,55,0
OrangeRed4 139,37,0
orchid 218,112,214
orchid1 255,131,250
orchid2 238,122,233
orchid3 205,105,201
orchid4 139,71,137
pale goldenrod 238,232,170
pale green 152,251,152
pale turquoise 175,238,238
pale violet red 219,112,147
PaleGoldenrod 238,232,170
PaleGreen 152,251,152
PaleGreen1 154,255,154
PaleGreen2 144,238,144
PaleGreen3 124,205,124
PaleGreen4 84,139,84
PaleTurquoise 175,238,238
PaleTurquoise1 187,255,255
PaleTurquoise2 174,238,238
PaleTurquoise3 150,205,205
PaleTurquoise4 102,139,139
PaleVioletRed 219,112,147
PaleVioletRed1 255,130,171
PaleVioletRed2 238,121,159
PaleVioletRed3 205,104,137
PaleVioletRed4 139,71,93
papaya whip 255,239,213
PapayaWhip 255,239,213
peach puff 255,218,185
PeachPuff 255,218,185
PeachPuff1 255,218,185
PeachPuff2 238,203,173
PeachPuff3 205,175,149
PeachPuff4 139,119,101
peru 205,133,63
pink 255,192,203
pink1 255,181,197
pink2 238,169,184
pink3 205,145,158
pink4 139,99,108
plum 221,160,221
plum1 255,187,255
plum2 238,174,238
plum3 205,150,205
plum4 139,102,139
powder blue 176,224,230
PowderBlue 176,224,230
purple 160,32,240
purple1 155,48,255
purple2 145,44,238
purple3 125,38,205
purple4 85,26,139
red 255,0,0
red1 255,0,0
red2 238,0,0
red3 205,0,0
red4 139,0,0
rosy brown 188,143,143
RosyBrown 188,143,143
RosyBrown1 255,193,193
RosyBrown2 238,180,180
RosyBrown3 205,155,155
RosyBrown4 139,105,105
royal blue 65,105,225
RoyalBlue 65,105,225
RoyalBlue1 72,118,255
RoyalBlue2 67,110,238
RoyalBlue3 58,95,205
RoyalBlue4 39,64,139
saddle brown 139,69,19
SaddleBrown 139,69,19
salmon 250,128,114
salmon1 255,140,105
salmon2 238,130,98
salmon3 205,112,84
salmon4 139,76,57
sandy brown 244,164,96
SandyBrown 244,164,96
sea green 46,139,87
SeaGreen 46,139,87
SeaGreen1 84,255,159
SeaGreen2 78,238,148
SeaGreen3 67,205,128
SeaGreen4 46,139,87
seashell 255,245,238
seashell1 255,245,238
seashell2 238,229,222
seashell3 205,197,191
seashell4 139,134,130
sienna 160,82,45
sienna1 255,130,71
sienna2 238,121,66
sienna3 205,104,57
sienna4 139,71,38
sky blue 135,206,235
SkyBlue 135,206,235
SkyBlue1 135,206,255
SkyBlue2 126,192,238
SkyBlue3 108,166,205
SkyBlue4 74,112,139
slate blue 106,90,205
slate gray 112,128,144
slate grey 112,128,144
SlateBlue 106,90,205
SlateBlue1 131,111,255
SlateBlue2 122,103,238
SlateBlue3 105,89,205
SlateBlue4 71,60,139
SlateGray 112,128,144
SlateGray1 198,226,255
SlateGray2 185,211,238
SlateGray3 159,182,205
SlateGray4 108,123,139
SlateGrey 112,128,144
snow 255,250,250
snow1 255,250,250
snow2 238,233,233
snow3 205,201,201
snow4 139,137,137
spring green 0,255,127
SpringGreen 0,255,127
SpringGreen1 0,255,127
SpringGreen2 0,238,118
SpringGreen3 0,205,102
SpringGreen4 0,139,69
steel blue 70,130,180
SteelBlue 70,130,180
SteelBlue1 99,184,255
SteelBlue2 92,172,238
SteelBlue3 79,148,205
SteelBlue4 54,100,139
tan 210,180,140
tan1 255,165,79
tan2 238,154,73
tan3 205,133,63
tan4 139,90,43
thistle 216,191,216
thistle1 255,225,255
thistle2 238,210,238
thistle3 205,181,205
thistle4 139,123,139
tomato 255,99,71
tomato1 255,99,71
tomato2 238,92,66
tomato3 205,79,57
tomato4 139,54,38
turquoise 64,224,208
turquoise1 0,245,255
turquoise2 0,229,238
turquoise3 0,197,205
turquoise4 0,134,139
violet 238,130,238
violet red 208,32,144
VioletRed 208,32,144
VioletRed1 255,62,150
VioletRed2 238,58,140
VioletRed3 205,50,120
VioletRed4 139,34,82
wheat 245,222,179
wheat1 255,231,186
wheat2 238,216,174
wheat3 205,186,150
wheat4 139,126,102
white 255,255,255
white smoke 245,245,245
WhiteSmoke 245,245,245
yellow 255,255,0
yellow green 154,205,50
yellow1 255,255,0
yellow2 238,238,0
yellow3 205,205,0
yellow4 139,139,0
YellowGreen 154,205,50

216 websichere Farben nach Netscape

Sortierung Blau zu Rot
Sortierung Blau zu Rot
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
Sortierung Blau zu Grün
Sortierung Blau zu Grün
000000 000033 000066 000099 0000cc 0000ff
330000 330033 330066 330099 3300cc 3300ff
660000 660033 660066 660099 6600cc 6600ff
990000 990033 990066 990099 9900cc 9900ff
cc0000 cc0033 cc0066 cc0099 cc00cc cc00ff
ff0000 ff0033 ff0066 ff0099 ff00cc ff00ff
003300 003333 003366 003399 0033cc 0033ff
333300 333333 333366 333399 3333cc 3333ff
663300 663333 663366 663399 6633cc 6633ff
993300 993333 993366 993399 9933cc 9933ff
cc3300 cc3333 cc3366 cc3399 cc33cc cc33ff
ff3300 ff3333 ff3366 ff3399 ff33cc ff33ff
006600 006633 006666 006699 0066cc 0066ff
336600 336633 336666 336699 3366cc 3366ff
666600 666633 666666 666699 6666cc 6666ff
996600 996633 996666 996699 9966cc 9966ff
cc6600 cc6633 cc6666 cc6699 cc66cc cc66ff
ff6600 ff6633 ff6666 ff6699 ff66cc ff66ff
009900 009933 009966 009999 0099cc 0099ff
339900 339933 339966 339999 3399cc 3399ff
669900 669933 669966 669999 6699cc 6699ff
999900 999933 999966 999999 9999cc 9999ff
cc9900 cc9933 cc9966 cc9999 cc99cc cc99ff
ff9900 ff9933 ff9966 ff9999 ff99cc ff99ff
00cc00 00cc33 00cc66 00cc99 00cccc 00ccff
33cc00 33cc33 33cc66 33cc99 33cccc 33ccff
66cc00 66cc33 66cc66 66cc99 66cccc 66ccff
99cc00 99cc33 99cc66 99cc99 99cccc 99ccff
cccc00 cccc33 cccc66 cccc99 cccccc ccccff
ffcc00 ffcc33 ffcc66 ffcc99 ffcccc ffccff
00ff00 00ff33 00ff66 00ff99 00ffcc 00ffff
33ff00 33ff33 33ff66 33ff99 33ffcc 33ffff
66ff00 66ff33 66ff66 66ff99 66ffcc 66ffff
99ff00 99ff33 99ff66 99ff99 99ffcc 99ffff
ccff00 ccff33 ccff66 ccff99 ccffcc ccffff
ffff00 ffff33 ffff66 ffff99 ffffcc ffffff

Farben im Web

Allgemeines
Farbe ist das menschliche Empfinden von Lichtvariationen innerhalb von Helligkeitswerten. Zudem gilt, je heller oder dunkler, als das normale Tageslicht, um so weniger Farben können unterschieden werden. Bisher war für die Farbbildung entscheident, wie die Oberfläche eines farbreflektierenden Objektes beschaffen ist. Seit es Fotographie und andere moderne bilderzeugende Methoden existieren, werden chemische und elektrische Prozessse genutzt, um auch selbstleuchtende Oberflächen zu schaffen.

Farbnutzung
Um Farben in elektronischen Medien zu nutzen, müssen diese über Kataloge / Farbräume sortiert werden.
Interessant an den X11-Farbnamen ist, das es oft friedliche und vegetarische Namen sind!


Die meist genutzten Kataloge für HTML- und CSS-Farbangaben, als Beispiel mit dem Syntax für Gelb, sind:

X11-Farbnamen unter debian der Pfad /etc/X11/rgb.txt
CSS3-Farben, weitesgehend identisch mit X11-Farben
SVG 1.0 Farben
753 Farben mit rgb-Werte und Farbnamen
Syntax Farbname: yellow
Syntax Hexadezimal: #FFFF00
Syntax rgb: rgb (255,255,0)

websichere Farben
veralteter Katalog, da heutige Darstellungsgeräte mehr Farben wiedergeben
websicher heißt, das beide Farbwerte von jeweils Rot, Grün und Blau identisch sind
Farb-Anzahl: 216
Syntax: #ffff00
Syntax vereinfacht: #ff0

Hexadezimale Darstellung
Berechnung: 16 x 16 Werte Rot x 16 x16 Grün x 16 x16 Blau
Farb-Anzahl: 16.777.216
Syntax: #ffff00

rgb = RotGrünBlau
Berechnung: 265 Farben Rot x 256 Grün x 256 Blau
Farb-Anzahl: 16.777.216
Syntax: rgb (255,255,0)

rgba = RGB mit Tranzparenz
Berechnung: 256 Rot x 256 Grün x 256 Blau x100 Stufen Tranzparenz
Farb-Anzahl: 1.677.721.600
Syntax: rgba (255,255,0,0.2)

VGA = Video Graphics Array
Standardfarben für HTML4
Farb-Anzahl: 16; später Pseudo-VGA mit 256 Farben
Syntax: yellow
Syntax: #FFFF00
Syntax: 255,255,0


HTML4-Farben in den 3 möglichen Syntax-Arten

black
#000000
0,0,0
silver
#c0c0c0
208,208,208
maroon
#800000
128,0,0
red
#ff0000
255,0,0
green
#008000
0,128,0
lime
#00ff00
0,255,0
olive
#808000
128,128,0
yellow
#ffff00
255,255,0
navy
#000080
0,0,128
blue
#0000ff
0,0,255
purple
#800080
128,0,128
fuchsia
#ff00ff
255,0,255
teal
#008080
128,128,0
aqua
#00ffff
0,255,255
gray
#808080
128,128,128
white
#ffffff
255,255,255

Bei hexadezimalen Werten ist die Kleinschreibweise der Buchstaben vorzuziehen, es ist die moderne Schreibweise.


Einer der ältesten von den modernen Farbkatalogen ist RAL, der alte Reichs-Farbkatalog.
Weitere bekannte sind CMYK, HSV/HSB, Pantone und YCbCr.
Außerdem gibt es noch viele weitere Kataloge.


Geschichtlicher Hinweis für Interessierte: J. W. von Goethe, Ego und seine Farblehre.

SEO oder Wie finden Suchmaschinen

Die Suchmaschinenoptimierung [Search Engine Optimization] (SEO), ist elementar wenn eine Website gefunden werden soll. Ja, es gibt Websites die nicht gefunden werden wollen, aber das ist etwas anderes. Das Finden ist nicht das Problem, das erledigen Roboter [Bots / Crawler], sondern die Auflistung [Ranking] der Treffer [Hits].

Alle Algorithmen [im weitesten Sinne „Berechnungen“] wie Suchmaschinen-Betreiber ihre Treffer auflisten, sind aus gutem Grund nicht bekannt. Aber die Ergebnisse sind schon ein Indiz und der gesunde Menschenverstand.

Daher frage sich jeder selbst, was erwartest Du für Ergebnisse?
Ich denke die Prioritäten sind folgende:
• Ergebnisse, die mit der Suche übereinstimmen und keine Gürtel zeigt, wenn ich Schuhe suche
• Aktualität – hat die Website was zu sagen, wird ständig der Inhalt aktualisiert
• Bilder und Grafiken – sparen jeweils „1.000 Worte“
• Bekanntheit – hohe Besucherfrequenz, viele Kommentare, Verlinkung in andere Websites
• Seriosität – ist die Website schon viele Jahre im Web zu finden
• Reputation – Vertrauen durch echte User und keine Firmenangehörige als „Besucher“ oder Kunden

Man könnte glauben, genau das sind die Filter von Suchmaschinen, leider nicht ganz so.
Aber der Weg ist in diese Richtung vorgezeichnet.

Ein Beispiel aus den Anfängen. Hatte man nur oft genug ein Wort im Inhalt, so wurde man mit diesem Suchwort gefunden. Da der Inhalt aber übersichtlich sein sollte, hatte man plump die Schriftgröße auf den kleinsten Wert gesetzt oder weiße Schrift auf weißem Hintergrund genutzt oder man nahm die CSS-Eigenschaften wie „display“ oder „visibility“ zu Hilfe um ein Wort hunderte Male versteckt zu integrieren. So ähnlich ist es bekannt aus Telefonbüchern mit „AAA …(42 Zeilen mit AAA) – Schlüsseldienst garantiert billig von U. N. Wahrheit“.
Zum Glück ist das schnell von den Betreibern erkannt und durch Algorithmen korrigiert worden.
Heutzutage werden Trickser mit schlechtem Ranking abgestraft.

Webtechniken müssen natürlich korrekt angewandt werden um die Suchmaschine zu überzeugen.
• ohne Fremdwerbung und die wichtigsten Tags richtig ausgefüllt
• Ehrlichkeit und keine Umleitung auf 2. oder 3. Server mit nicht vertraulichem Inhalt
• sauberes HTML
• behindertengerechtes Gestalten
• Semantik
• Differenzierung und Sparsamkeit der Scripte
• Werbeinhalte am besten nur vom selben Server

Die Zukunft könnte so Aussehen, das weitere Dinge beachtet werden sollten und die nochmals das Ranking leicht verbessern.
• Authentizität wird wichtig, sind Kontaktdaten vorhanden, sind Sprache und Herkunft identisch
• Inhalte ohne Phrasen und Plagiaten
• eigene Bilder und Grafiken zumindest im Header, statt tausende Kopien im Internet
• Detailinformationen wie Preise bei Shops, Katalogen, …
• Mehrsprachigkeit

Diese kostenlosen Hinweise können Sie auch ignorieren und sich sehr teuer einen Werbeplatz ganz oben in der Trefferliste kaufen. Jetzt das große ABER; eines Tages weiß jeder, das Werbung farblich hinterlegt oder fett oder oder ist. Genau dann verpufft die Werbung, denn der mündige Verbraucher weiß wohl was er möchte und will kein Ergebnis diktiert bekommen, das unter Umständen der teuerste Anbieter ist oder die wenigsten Informationen bietet. Durch zuviel Werbung schafft sich gerade das Fernsehen, zumindest einige Sender, selbst ab, dank auch der Ebooks.

Ergebnis:
Ähnlich wie „Open Source“, sind Ehrlichkeit, Gerechtigkeit und der gesunde Verstand in Websites, die professionellsten Werkzeuge, um das Ziel ressourcenschonend zu erreichen.

Software für Bildbearbeitung

Folgende Programme für Standard-Bildbearbeitung werden benötigt
• Pixel-Bearbeitung
• Vektor-Bearbeitung
• Viewer
• Farbaufnehmer / Colorpicker
• Programm-Editoren für SVG-Feintuning und Hexadezimal-Editoren für Pixel-Bildbearbeitung

Gimp für Raster(Pixel)-Grafiken
OS: Linux, Mac OSX, Windows
Lizenz: OpenSourceSoftware

Inkscape für skalierbare Grafiken
OS: Linux, Mac OSX, Windows
Lizenz: OpenSourceSoftware

Krita für skalierbare Grafiken
OS: Linux, Mac OSX, Windows
Lizenz: OpenSourceSoftware

Bluefish als Programmsprachen-Editor
OS: Linux, Mac OSX, Windows
Lizenz: OpenSourceSoftware

wxhexeditor als Hexadezimal-Editor
OS: Linux
Lizenz: OpenSourceSoftware

gedit als Editor
OS: Linux, Mac OSX, Windows
Lizenz: OpenSourceSoftware

Mirage als Viewer
OS: Linux
Lizenz: OpenSourceSoftware

gThumb als Viewer
OS: Linux
Lizenz: OpenSourceSoftware

gpick als Farbaufnehmer, Farbpicker
OS: Linux
Lizenz: OpenSourceSoftware

Gcolor2 als Farbaufnehmer, Farbpicker
OS: Linux
Lizenz: OpenSourceSoftware

IrfanView
OS: Windows, Linux mit Wine
Lizenz: Freeware