Ressourcen: 120 HTML Farbnamen - Kombination von Farbe burlywood und Farbwert #cd5c5c

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 burlywood

Schriftfarbwert #cd5c5c

DetailHintergrund burlywood DetailSchrift #cd5c5c 
Farbe :burlywoodFarbwert :#cd5c5c
Farbwert :#deb887Farbe :indianred
HTML:burlywoodHTML:#cd5c5c
HTML (Wert):#deb887HTML (Wert):#cd5c5c
CSS:burlywoodCSS:#cd5c5c
CSS (Wert):#deb887CSS (Wert):#cd5c5c
CSS (kürzest):#deb887CSS (kürzest):#cd5c5c
CSS (RGB):rgb(222,184,135)CSS (RGB):rgb(205,92,92)
CSS (%RGB):rgb(87%,72%,52%)CSS (%RGB):rgb(80%,36%,36%)

Verlauf Hintergrundfarbe burlywood nach Schriftfarbwert #cd5c5c

#deb887#dbaa80#d99d7a#d69074#d4836e#d17668#cf6962#cd5c5c
#deb887#dbaa80#d99d7a#d69074#d4836e#d17668#cf6962#cd5c5c

Kombination von burlywood und #cd5c5c

Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.

Die Ähnlichkeit von #cd5c5c und burlywood ergibt sich zu 89.80%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.20%.

Auf Hintergrund burlywood ist #cd5c5c ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe burlywood

Schriftfarbwert #cd5c5c

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#deb887#deb887#deb887#deb887#cd5c5c#cd5c5c#cd5c5c#cd5c5c
#e2c298#e2c298#be9d73#be9d73#d47373#d47373#af4e4e#af4e4e
#e7cca9#e7cca9#9e8360#9e8360#db8a8a#db8a8a#924141#924141
#ecd6ba#ecd6ba#7e694d#7e694d#e2a1a1#e2a1a1#753434#753434
#f0e0cb#f0e0cb#5f4e39#5f4e39#e9b9b9#e9b9b9#572727#572727
#f5eadc#f5eadc#3f3426#3f3426#f0d0d0#f0d0d0#3a1a1a#3a1a1a
#faf4ed#faf4ed#1f1a13#1f1a13#f7e7e7#f7e7e7#1d0d0d#1d0d0d
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe burlywood und Farbwert #cd5c5c

Wechsel der Unterstreichung bei Hover bei Befehl h4

Eine Überschrift wird mit HTML-Befehl <h4> gesetzt. Diese kann man farblich gestalten.

Die Farbe der Unterstreichung soll sich von Farbe burlywood auf Farbwert #cd5c5c ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h4> in Farbe burlywood vor.

Hier unterstreichen wir <h4> mit einem gestrichelten Rahmen mit 2 Pixel Dicke in Farbe burlywood.

<style type="text/css"><!--
  h4 { 
    border-bottom-color:burlywood; 
    border-bottom-style:dashed; 
    border-bottom-width:2px;
  }
//-->
</style>
Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Farbe der Unterstreichung zu #cd5c5c ändert.
<style type="text/css"><!--
  h4: hover { 
    border-bottom-color: #cd5c5c;
  }
//-->
</style>

Die Idee ist hierbei, voneinander unabhängige Formatierungen für Inhalt und Unterstreichung zu verwenden. Manchmal sieht man diesen Effekt bei Verweisen. Der Text wird in einer Farbe dargestellt. Die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine normale Unterstreichung, der Text ist nicht unterstrichen. Sie wird mit einem Rahmen simuliert und dieser Rahmen ist unabhängig vom Text.

Mehr zum Thema h4 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Einzelheiten des hier gezeigten HTML-Tag h4 sind in der HTML Referenz unter <h4> ausführlich gezeigt.

Füllen und Umranden bei Befehl blockquote

Für dieses Beispiel umranden wir <blockquote> mit einem 4 Pixel dicken, doppelten Rahmen in Farbwert #cd5c5c . Den Hintergrund von <blockquote> färben wir entsprechend mit Farbe burlywood. Dies geht in HTML nicht. Daher nutzen wir CSS.

<style type="text/css"><!--
  blockquote { 
    border-color: #cd5c5c; 
    border-style: double; 
    border-width: 4px; 
    background-color: burlywood;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML finden. Möglichkeiten vom hier gezeigten Tag blockquote erfahren Sie in der HTML Referenz unter <blockquote>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen