Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe deeppink

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 deeppink

DetailHintergrundfarbe deeppink Verlauf nach WeißVerlauf nach Schwarz
Farbe :deeppink#ff1493#ff1493#ff1493#ff1493
Farbwert :#ff1493#ff35a2#ff35a2#da117e#da117e
HTML:deeppink#ff57b1#ff57b1#b60e69#b60e69
CSS:deeppink#ff78c1#ff78c1#910b54#910b54
CSS (Wert):#ff1493#ff9ad0#ff9ad0#6d083f#6d083f
CSS (kürzest):#ff1493#ffbbe0#ffbbe0#48052a#48052a
CSS (RGB):rgb(255,20,147)#ffddef#ffddef#240215#240215
CSS (%RGB):rgb(100%,7%,57%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe deeppink

Änderung der Hintergrundfarbe bei Hover von HTML-Tag address

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

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

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Weiteres zum hier verwendeten HTML-Tag address lesen Sie in der HTML Referenz unter <address>.

Umrandung mit Tag dd

In diesem Beispiel umranden wir <dd> mit einem 5 Pixel dicken, doppelten Rahmen in Farbe deeppink. Mit HTML geht dies nicht. Daher nutzen wir hier CSS.

<style type="text/css"><!--
  dd { border:5px double deeppink; }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML lesen. Einzelheiten des Tag dd sind in der HTML Referenz bei <dd> genau zusammengestellt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen