Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #ff69b4

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

DetailHintergrundfarbwert #ff69b4 Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#ff69b4#ff69b4#ff69b4#ff69b4#ff69b4
Farbe :hotpink#ff7ebe#ff7ebe#da5a9a#da5a9a
HTML:#ff69b4#ff93c9#ff93c9#b64b80#b64b80
CSS:#ff69b4#ffa9d4#ffa9d4#913c66#913c66
CSS (Wert):#ff69b4#ffbede#ffbede#6d2d4d#6d2d4d
CSS (kürzest):#ff69b4#ffd4e9#ffd4e9#481e33#481e33
CSS (RGB):rgb(255,105,180)#ffe9f4#ffe9f4#240f19#240f19
CSS (%RGB):rgb(100%,41%,70%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #ff69b4

Änderung der Textfarbe von Befehl blockquote

In diesem Beispiel legen wir Farbwert #ff69b4 als Textfarbe von <blockquote> fest und setzen die Größe der Schrift auf 9px:

<style type="text/css"><!--
  blockquote { 
    color:#ff69b4; 
    font-size:9px;
  }
//-->
</style>

Weiteres zu blockquote lesen Sie in Blockorientierte Elemente in HTML. Weiteres zum hier genutzten Befehl <blockquote>.

Farbige Unterstreichung von Befehl caption

In diesem Beispiel unterstreichen wir <caption> mit einem doppelten Rahmen mit 3 Pixel Dicke in Farbwert #ff69b4. Dies ist in HTML so kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  caption { border-bottom:3px double #ff69b4; }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben. Öfter sehen Sie diesen Effekt bei Hyperlinks. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Dies ist jedoch keine "normale" Unterstreichung, der Text selbst hat keine Unterstreichung. Die Unterstreichung wird mit einem Rahmen simuliert und ist unabhängig vom Text.

Weiteres zu caption können Sie in Tabellen in HTML nachsehen. Der Tag caption ist in der HTML Referenz bei <caption> genau zusammengestellt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen