Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe slategray

von Thomas Salvador.

Farben werden in HTML entweder mit ihrem Namen oder mit ihrem Wert beschrieben.

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbe slategray

DetailHintergrundfarbe slategray Verlauf nach WeißVerlauf nach Schwarz
Farbe :slategray#708090#708090#708090#708090
Farbwert :#708090#84929f#84929f#606d7b#606d7b
HTML:slategray#98a4af#98a4af#505b66#505b66
CSS:slategray#adb6bf#adb6bf#404952#404952
CSS (Wert):#708090#c1c8cf#c1c8cf#30363d#30363d
CSS (kürzest):#708090#d6dadf#d6dadf#202429#202429
CSS (RGB):rgb(112,128,144)#eaecef#eaecef#101214#101214
CSS (%RGB):rgb(43%,50%,56%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe slategray

Änderung der Textfarbe mit Tag center

Wir legen als Beispiel die Textfarbe von <center> auf Farbe slategray fest. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf sans-serif und setzen die Schriftgröße auf 9pt:

<center style="color:slategray; font-family:sans-serif; font-size:9pt;">
Dieser center-Text nutzt Farbe slategray
</center>

Weiteres zum Thema center lesen Sie in Grundlegende Gestaltungselemente in HTML. Zur Beschreibung des hier gezeigten HTML-Befehl <center>.

Änderung der Textfarbe bei Hover mit HTML-Tag li

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt.

Dafür stellen wir <li> so ein, dass bei Hover die Textfarbe auf Farbe slategray gesetzt wird.
<style type="text/css"><!--
  li: hover { 
    color: slategray;
  }
//-->
</style>

Mehr zu li finden Sie in Listen und Glossare in HTML. Mehr zum Befehl li ist in der HTML Referenz bei <li> ausführlich zusammengestellt.

Tabelle der 120 HTML Farbnamen

Hintergrund Farbwert Farbe undSchrift Farbwert Farbkombination
aliceblue #f0f8ff         +  aliceblue #f0f8ff aliceblue / slategray
antiquewhite #faebd7         +  antiquewhite #faebd7 antiquewhite / slategray
aquamarine #7fffd4         +  aquamarine #7fffd4 aquamarine / slategray
azure #f0ffff         +  azure #f0ffff azure / slategray
beige #f5f5dc         +  beige #f5f5dc beige / slategray
blueviolet #8a2be2         +  blueviolet #8a2be2 blueviolet / slategray
brown #a52a2a         +  brown #a52a2a brown / slategray
burlywood #deb887         +  burlywood #deb887 burlywood / slategray
cadetblue #5f9ea0         +  cadetblue #5f9ea0 cadetblue / slategray
chartreuse #7fff00         +  chartreuse #7fff00 chartreuse / slategray
chocolate #d2691e         +  chocolate #d2691e chocolate / slategray
coral #ff7f50         +  coral #ff7f50 coral / slategray
cornflowerblue #6495ed         +  cornflowerblue #6495ed cornflowerblue / slategray
cornsilk #fff8dc         +  cornsilk #fff8dc cornsilk / slategray
crimson #dc143c         +  crimson #dc143c crimson / slategray
darkblue #00008b         +  darkblue #00008b darkblue / slategray
darkcyan #008b8b         +  darkcyan #008b8b darkcyan / slategray
darkgoldenrod #b8860b         +  darkgoldenrod #b8860b darkgoldenrod / slategray
darkgray #a9a9a9         +  darkgray #a9a9a9 darkgray / slategray
darkgreen #006400         +  darkgreen #006400 darkgreen / slategray
darkkhaki #bdb76b         +  darkkhaki #bdb76b darkkhaki / slategray
darkmagenta #8b008b         +  darkmagenta #8b008b darkmagenta / slategray
darkolivegreen #556b2f         +  darkolivegreen #556b2f darkolivegreen / slategray
darkorange #ff8c00         +  darkorange #ff8c00 darkorange / slategray
darkorchid #9932cc         +  darkorchid #9932cc darkorchid / slategray
darkred #8b0000         +  darkred #8b0000 darkred / slategray
darksalmon #e9967a         +  darksalmon #e9967a darksalmon / slategray
darkseagreen #8fbc8f         +  darkseagreen #8fbc8f darkseagreen / slategray
darkslateblue #483d8b         +  darkslateblue #483d8b darkslateblue / slategray
darkslategray #2f4f4f         +  darkslategray #2f4f4f darkslategray / slategray
darkturquoise #00ced1         +  darkturquoise #00ced1 darkturquoise / slategray
darkviolet #9400d3         +  darkviolet #9400d3 darkviolet / slategray
deeppink #ff1493         +  deeppink #ff1493 deeppink / slategray
deepskyblue #00bfff         +  deepskyblue #00bfff deepskyblue / slategray
dimgray #696969         +  dimgray #696969 dimgray / slategray
dodgerblue #1e90ff         +  dodgerblue #1e90ff dodgerblue / slategray
firebrick #b22222         +  firebrick #b22222 firebrick / slategray
floralwhite #fffaf0         +  floralwhite #fffaf0 floralwhite / slategray
forestgreen #228b22         +  forestgreen #228b22 forestgreen / slategray
gainsboro #dcdcdc         +  gainsboro #dcdcdc gainsboro / slategray
ghostwhite #f8f8ff         +  ghostwhite #f8f8ff ghostwhite / slategray
gold #ffd700         +  gold #ffd700 gold / slategray
goldenrod #daa520         +  goldenrod #daa520 goldenrod / slategray
greenyellow #adff2f         +  greenyellow #adff2f greenyellow / slategray
honeydew #f0fff0         +  honeydew #f0fff0 honeydew / slategray
hotpink #ff69b4         +  hotpink #ff69b4 hotpink / slategray
indianred #cd5c5c         +  indianred #cd5c5c indianred / slategray
indigo #4b0082         +  indigo #4b0082 indigo / slategray
ivory #fffff0         +  ivory #fffff0 ivory / slategray
khaki #f0e68c         +  khaki #f0e68c khaki / slategray
lavender #e6e6fa         +  lavender #e6e6fa lavender / slategray
lavenderblush #fff0f5         +  lavenderblush #fff0f5 lavenderblush / slategray
lawngreen #7cfc00         +  lawngreen #7cfc00 lawngreen / slategray
lemonchiffon #fffacd         +  lemonchiffon #fffacd lemonchiffon / slategray
lightblue #add8e6         +  lightblue #add8e6 lightblue / slategray
lightcoral #f08080         +  lightcoral #f08080 lightcoral / slategray
lightcyan #e0ffff         +  lightcyan #e0ffff lightcyan / slategray
lightgoldenrodyellow #fafad2         +  lightgoldenrodyellow #fafad2 lightgoldenrodyellow / slate...
lightgreen #90ee90         +  lightgreen #90ee90 lightgreen / slategray
lightgrey #d3d3d3         +  lightgrey #d3d3d3 lightgrey / slategray
lightpink #ffb6c1         +  lightpink #ffb6c1 lightpink / slategray
lightsalmon #ffa07a         +  lightsalmon #ffa07a lightsalmon / slategray
lightseagreen #20b2aa         +  lightseagreen #20b2aa lightseagreen / slategray
lightskyblue #87cefa         +  lightskyblue #87cefa lightskyblue / slategray
lightslategray #778899         +  lightslategray #778899 lightslategray / slategray
lightsteelblue #b0c4de         +  lightsteelblue #b0c4de lightsteelblue / slategray
lightyellow #ffffe0         +  lightyellow #ffffe0 lightyellow / slategray
limegreen #32cd32         +  limegreen #32cd32 limegreen / slategray
linen #faf0e6         +  linen #faf0e6 linen / slategray
mediumaquamarine #66cdaa         +  mediumaquamarine #66cdaa mediumaquamarine / slategray
mediumblue #0000cd         +  mediumblue #0000cd mediumblue / slategray
mediumorchid #ba55d3         +  mediumorchid #ba55d3 mediumorchid / slategray
mediumpurple #9370db         +  mediumpurple #9370db mediumpurple / slategray
mediumseagreen #3cb371         +  mediumseagreen #3cb371 mediumseagreen / slategray
mediumslateblue #7b68ee         +  mediumslateblue #7b68ee mediumslateblue / slategray
mediumspringgreen #00fa9a         +  mediumspringgreen #00fa9a mediumspringgreen / slategray
mediumturquoise #48d1cc         +  mediumturquoise #48d1cc mediumturquoise / slategray
mediumvioletred #c71585         +  mediumvioletred #c71585 mediumvioletred / slategray
midnightblue #191970         +  midnightblue #191970 midnightblue / slategray
mintcream #f5fffa         +  mintcream #f5fffa mintcream / slategray
mistyrose #ffe4e1         +  mistyrose #ffe4e1 mistyrose / slategray
moccasin #ffe4b5         +  moccasin #ffe4b5 moccasin / slategray
navajowhite #ffdead         +  navajowhite #ffdead navajowhite / slategray
oldlace #fdf5e6         +  oldlace #fdf5e6 oldlace / slategray
olivedrab #6b8e23         +  olivedrab #6b8e23 olivedrab / slategray
orange #ffa500         +  orange #ffa500 orange / slategray
orangered #ff4500         +  orangered #ff4500 orangered / slategray
orchid #da70d6         +  orchid #da70d6 orchid / slategray
palegoldenrod #eee8aa         +  palegoldenrod #eee8aa palegoldenrod / slategray
palegreen #98fb98         +  palegreen #98fb98 palegreen / slategray
paleturquoise #afeeee         +  paleturquoise #afeeee paleturquoise / slategray
palevioletred #db7093         +  palevioletred #db7093 palevioletred / slategray
papayawhip #ffefd5         +  papayawhip #ffefd5 papayawhip / slategray
peachpuff #ffdab9         +  peachpuff #ffdab9 peachpuff / slategray
peru #cd853f         +  peru #cd853f peru / slategray
pink #ffc0cb         +  pink #ffc0cb pink / slategray
plum #dda0dd         +  plum #dda0dd plum / slategray
powderblue #b0e0e6         +  powderblue #b0e0e6 powderblue / slategray
rosybrown #bc8f8f         +  rosybrown #bc8f8f rosybrown / slategray
royalblue #4169e1         +  royalblue #4169e1 royalblue / slategray
saddlebrown #8b4513         +  saddlebrown #8b4513 saddlebrown / slategray
salmon #fa8072         +  salmon #fa8072 salmon / slategray
sandybrown #f4a460         +  sandybrown #f4a460 sandybrown / slategray
seagreen #2e8b57         +  seagreen #2e8b57 seagreen / slategray
seashell #fff5ee         +  seashell #fff5ee seashell / slategray
sienna #a0522d         +  sienna #a0522d sienna / slategray
skyblue #87ceeb         +  skyblue #87ceeb skyblue / slategray
slateblue #6a5acd         +  slateblue #6a5acd slateblue / slategray
slategray #708090         +  slategray #708090 slategray / slategray
snow #fffafa         +  snow #fffafa snow / slategray
springgreen #00ff7f         +  springgreen #00ff7f springgreen / slategray
steelblue #4682b4         +  steelblue #4682b4 steelblue / slategray
tan #d2b48c         +  tan #d2b48c tan / slategray
thistle #d8bfd8         +  thistle #d8bfd8 thistle / slategray
tomato #ff6347         +  tomato #ff6347 tomato / slategray
turquoise #40e0d0         +  turquoise #40e0d0 turquoise / slategray
violet #ee82ee         +  violet #ee82ee violet / slategray
wheat #f5deb3         +  wheat #f5deb3 wheat / slategray
whitesmoke #f5f5f5         +  whitesmoke #f5f5f5 whitesmoke / slategray
yellowgreen #9acd32         +  yellowgreen #9acd32 yellowgreen / slategray

Weitere Farbtabellen