Ressourcen: 120 HTML Farbnamen - Kombination von Farbe snow und 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 snow

Schriftfarbe slategray

DetailHintergrund snow DetailSchrift slategray 
Farbe :snowFarbe :slategray
Farbwert :#fffafaFarbwert :#708090
HTML:snowHTML:slategray
HTML (Wert):#fffafaHTML (Wert):#708090
CSS:snowCSS:slategray
CSS (Wert):#fffafaCSS (Wert):#708090
CSS (kürzest):#fffafaCSS (kürzest):#708090
CSS (RGB):rgb(255,250,250)CSS (RGB):rgb(112,128,144)
CSS (%RGB):rgb(100%,98%,98%)CSS (%RGB):rgb(43%,50%,56%)

Verlauf Hintergrundfarbe snow nach Schriftfarbe slategray

#fffafa#eae8ea#d6d7db#c1c5cc#adb4bd#98a2ae#84919f#708090
#fffafa#eae8ea#d6d7db#c1c5cc#adb4bd#98a2ae#84919f#708090

Kombination von snow und slategray

Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

Auf Hintergrund snow ist slategray ungeeignet, weil der Farbunterschied zu gering ist

Die Ähnlichkeit der Farben slategray und snow ergibt sich zu 81.33%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 18.67%.

Hintergrundfarbe snow

Schriftfarbe slategray

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fffafa#fffafa#fffafa#fffafa#708090#708090#708090#708090
#fffafa#fffafa#dad6d6#dad6d6#84929f#84929f#606d7b#606d7b
#fffbfb#fffbfb#b6b2b2#b6b2b2#98a4af#98a4af#505b66#505b66
#fffcfc#fffcfc#918e8e#918e8e#adb6bf#adb6bf#404952#404952
#fffcfc#fffcfc#6d6b6b#6d6b6b#c1c8cf#c1c8cf#30363d#30363d
#fffdfd#fffdfd#484747#484747#d6dadf#d6dadf#202429#202429
#fffefe#fffefe#242323#242323#eaecef#eaecef#101214#101214
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe snow und Farbe slategray

Wechsel der Textfarbe bei Hover mit HTML-Tag col

Die Textfarbe soll sich von Farbe snow auf Farbe slategray ändern, wenn man mit der Maus auf <col> zeigt. Wir bereiten zunächst die Formatierung von <col> in Farbe snow vor.

Wir setzen als Beispiel die Textfarbe von <col> auf Farbe snow:

<style type="text/css"><!--
  col { 
    color: snow;
  }
//-->
</style>
Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf slategray geändert wird.
<style type="text/css"><!--
  col:hover { 
    color:slategray;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Tabellen in HTML. Möglichkeiten vom Tag col finden Sie in der HTML Referenz unter <col>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen