Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #6495ed

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.

Hintergrundfarbwert #6495ed

DetailHintergrundfarbwert #6495ed Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#6495ed#6495ed#6495ed#6495ed#6495ed
Farbe :cornflowerblue#7aa4ef#7aa4ef#557fcb#557fcb
HTML:#6495ed#90b3f2#90b3f2#476aa9#476aa9
CSS:#6495ed#a6c2f4#a6c2f4#395587#395587
CSS (Wert):#6495ed#bcd1f7#bcd1f7#2a3f65#2a3f65
CSS (kürzest):#6495ed#d2e0f9#d2e0f9#1c2a43#1c2a43
CSS (RGB):rgb(100,149,237)#e8effc#e8effc#0e1521#0e1521
CSS (%RGB):rgb(39%,58%,92%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #6495ed

Änderung der Hintergrundfarbe bei Hover von HTML-Tag h5

Eine Überschrift der 5. Stufe erzeugt man mit HTML-Tag <h5>. Diese kann man farblich gestalten und hervorheben.

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

Dafür stellen wir <h5> so ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf Farbwert #6495ed ändert.
<style type="text/css"><!--
  h5:hover { 
    background-color:#6495ed;
  }
//-->
</style>

Weiteres zum Thema h5 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Die Beschreibung vom hier verwendeten HTML-Befehl h5 lesen Sie in der HTML Referenz unter <h5>.

Änderung der Textfarbe bei Hover bei HTML-Befehl a

Einen Verweis setzen Sie mit HTML-Befehl <a>. Diesen kann man hervorheben und farblich gestalten.

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.

<style type="text/css"><!--
  a { 
    color: #66937e; 
    font-size: 115%;
  }
//-->
</style>
Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbwert #6495ed gesetzt wird.
<style type="text/css"><!--
  a:hover { 
    color:#6495ed;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML nachsehen. Einzelheiten des hier verwendeten Befehl a sind in der HTML Referenz unter <a> zusammengestellt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen