Ressourcen: 137 HTML Farbnamen - Kombination von Farbe aqua und Farbe silver

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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe aqua

Schriftfarbe silver

DetailHintergrund aqua DetailSchrift silver 
Farbe :aquaFarbe :silver
Farbwert :#00ffffFarbwert :#c0c0c0
HTML:aquaHTML:silver
HTML (Wert):#00ffffHTML (Wert):#c0c0c0
CSS:aquaCSS:silver
CSS (Wert):#00ffffCSS (Wert):#c0c0c0
CSS (kürzest):#0ffCSS (kürzest):#c0c0c0
CSS (RGB):rgb(0,255,255)CSS (RGB):rgb(192,192,192)
CSS (%RGB):rgb(0%,100%,100%)CSS (%RGB):rgb(75%,75%,75%)

Verlauf Hintergrundfarbe aqua nach Schriftfarbe silver

#00ffff#1bf6f6#36eded#52e4e4#6ddbdb#89d2d2#a4c9c9#c0c0c0
#00ffff#1bf6f6#36eded#52e4e4#6ddbdb#89d2d2#a4c9c9#c0c0c0

Kombination von aqua und silver

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

silver ist nicht als Schriftfarbe auf Hintergrund aqua geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Die Ähnlichkeit der Farben silver und aqua ergibt sich zu 93.09%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.91%.

Hintergrundfarbe aqua

Schriftfarbe silver

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#00ffff#00ffff#00ffff#00ffff#c0c0c0#c0c0c0#c0c0c0#c0c0c0
#24ffff#24ffff#00dada#00dada#c9c9c9#c9c9c9#a4a4a4#a4a4a4
#48ffff#48ffff#00b6b6#00b6b6#d2d2d2#d2d2d2#898989#898989
#6dffff#6dffff#009191#009191#dbdbdb#dbdbdb#6d6d6d#6d6d6d
#91ffff#91ffff#006d6d#006d6d#e4e4e4#e4e4e4#525252#525252
#b6ffff#b6ffff#004848#004848#ededed#ededed#363636#363636
#daffff#daffff#002424#002424#f6f6f6#f6f6f6#1b1b1b#1b1b1b
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe aqua und Farbe silver

Hintergrund/Text-Kombination mit Befehl tbody

Wir ändern in diesem Beispiel die Textfarbe von <tbody> auf Farbe silver und die Hintergrundfarbe von <tbody> auf Farbe aqua. Als Schriftart wählen wir courier new und verringern die Schriftgröße auf 96%.

<style type="text/css"><!--
  tbody { 
    font-size:96%; 
    color:silver; 
    font-family:courier new; 
    background-color:aqua;
  }
//-->
</style>

Mehr zum Thema tbody lesen Sie in Tabellen in HTML. Der hier genutzte HTML-Befehl tbody ist in der HTML Referenz bei <tbody> ausführlich gezeigt.

Füllen und Umranden mit Befehl hr

Für dieses Beispiel umranden wir <hr> mit einem . Den Hintergrund von <hr> färben wir mit Farbe aqua. Das geht mit HTML nicht. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  hr { border:1px dotted silver; background-color:aqua; }
//-->
</style>

Mehr zu hr können Sie in Grundlegende Gestaltungselemente in HTML lesen. Der HTML-Tag hr ist in der HTML Referenz bei <hr> ausführlich beschrieben.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen