Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbwert #cd853f

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

DetailHintergrundfarbwert #cd853f Verlauf nach WeißVerlauf nach Schwarz
Farbwert :#cd853f#cd853f#cd853f#cd853f#cd853f
Farbe :peru#d4965a#d4965a#af7236#af7236
HTML:#cd853f#dba775#dba775#925f2d#925f2d
CSS:#cd853f#e2b991#e2b991#754c24#754c24
CSS (Wert):#cd853f#e9caac#e9caac#57391b#57391b
CSS (kürzest):#cd853f#f0dcc8#f0dcc8#3a2612#3a2612
CSS (RGB):rgb(205,133,63)#f7ede3#f7ede3#1d1309#1d1309
CSS (%RGB):rgb(80%,52%,24%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbwert #cd853f

Farbige Unterstreichung mit HTML-Befehl caption

In diesem Beispiel unterstreichen wir <caption> mit Hilfe eines doppelten Rahmens mit 4 Pixel Dicke in Farbwert #cd853f. Mit HTML geht das nicht. Deshalb nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  caption { 
    border-bottom-color:#cd853f; 
    border-bottom-width:4px; 
    border-bottom-style:double;
  }
//-->
</style>

Die Idee ist hierbei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Öfter sieht man diesen Effekt bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Das ist aber keine wirkliche Unterstreichung, der Text selbst hat überhaupt keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Weiteres zu caption können Sie in Tabellen in HTML finden. Zur Beschreibung des Befehl <caption>.

Änderung der Hintergrundfarbe mit Tag legend

Wir legen für dieses Beispiel Farbwert #cd853f als Hintergrundfarbe von <legend> fest:

<legend style="background-color:#cd853f;">
Dieser legend-Hintergrund nutzt Farbwert #cd853f
</legend>

Weiteres zu legend finden Sie in Formulare in HTML. Möglichkeiten des hier gezeigten Tag legend sind in der HTML Referenz unter <legend> genau beschrieben.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen