Ressourcen: 137 HTML Farbnamen - Kombinationen mit Farbe mediumspringgreen

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 mediumspringgreen

DetailHintergrundfarbe mediumspringgreen Verlauf nach WeißVerlauf nach Schwarz
Farbe :mediumspringgreen#00fa9a#00fa9a#00fa9a#00fa9a
Farbwert :#00fa9a#24faa8#24faa8#00d684#00d684
HTML:mediumspringgreen#48fbb6#48fbb6#00b26e#00b26e
CSS:mediumspringgreen#6dfcc5#6dfcc5#008e58#008e58
CSS (Wert):#00fa9a#91fcd3#91fcd3#006b42#006b42
CSS (kürzest):#00fa9a#b6fde2#b6fde2#00472c#00472c
CSS (RGB):rgb(0,250,154)#dafef0#dafef0#002316#002316
CSS (%RGB):rgb(0%,98%,60%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe mediumspringgreen

Umrandung mit Tag a

Einen Hyperlink setzen Sie mit Tag <a> und kann farblich gestaltet werden.

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe mediumspringgreen. In HTML geht das nicht. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-style:outset; 
    border-width:2px; 
    border-color:mediumspringgreen;
  }
//-->
</style>

Weiteres zum Thema a erfahren Sie in Verweise und Protokolle in HTML. Möglichkeiten vom Tag a sind in der HTML Referenz unter <a> zusammengestellt.

Änderung der Textfarbe bei Hover mit Tag p

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

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

Weiteres zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Der Befehl p ist in der HTML Referenz unter <p> ausführlich beschrieben.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen