Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #c71585

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 #c71585

DetailHintergrundfarbwert #c71585 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#c71585#c71585#c71585#c71585#c71585
Farbe :mediumvioletred#cf3696#cf3696#aa1272#aa1272
HTML:#c71585#d757a7#d757a7#8e0f5f#8e0f5f
CSS:#c71585#df79b9#df79b9#710c4c#710c4c
CSS (Wert):#c71585#e79aca#e79aca#550939#550939
CSS (kürzest):#c71585#efbcdc#efbcdc#380626#380626
CSS (RGB):rgb(199,21,133)#f7dded#f7dded#1c0313#1c0313
CSS (%RGB):rgb(78%,8%,52%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #c71585

Änderung der Hintergrundfarbe bei Hover von Tag address

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

Dafür stellen wir <address> so ein, dass sich bei Mausberührung die Hintergrundfarbe auf Farbwert #c71585 ändert.
<style type="text/css"><!--
  address: hover { 
    background-color: #c71585;
  }
//-->
</style>

Mehr zu address können Sie in Blockorientierte Elemente in HTML nachlesen. Die Beschreibung des hier genutzten HTML-Tag address finden Sie in der HTML Referenz unter <address>.

Umrandung bei Tag dd

In diesem Beispiel umranden wir <dd> mit einem 3 Pixel dicken, gefurchten Rahmen in Farbwert #c71585. Mit HTML ist dies nicht machbar. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  dd { border:3px groove #c71585; }
//-->
</style>

Weiteres zum Thema finden Sie in Listen und Glossare in HTML. Einzelheiten vom hier genutzten HTML-Tag <dd>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen