Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkred und Farbe darkkhaki

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 darkred

Schriftfarbe darkkhaki

DetailHintergrund darkred DetailSchrift darkkhaki 
Farbe :darkredFarbe :darkkhaki
Farbwert :#8b0000Farbwert :#bdb76b
HTML:darkredHTML:darkkhaki
HTML (Wert):#8b0000HTML (Wert):#bdb76b
CSS:darkredCSS:darkkhaki
CSS (Wert):#8b0000CSS (Wert):#bdb76b
CSS (kürzest):#8b0000CSS (kürzest):#bdb76b
CSS (RGB):rgb(139,0,0)CSS (RGB):rgb(189,183,107)
CSS (%RGB):rgb(54%,0%,0%)CSS (%RGB):rgb(74%,71%,41%)

Verlauf Hintergrundfarbe darkred nach Schriftfarbe darkkhaki

#8b0000#921a0f#99341e#a04e2d#a7683d#ae824c#b59c5b#bdb76b
#8b0000#921a0f#99341e#a04e2d#a7683d#ae824c#b59c5b#bdb76b

Kombination von darkred und darkkhaki

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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

Auf Hintergrund darkred ist darkkhaki ungeeignet, da der Unterschied in den Farben nicht ausreichend ist

Die Ähnlichkeit der Farben darkkhaki und darkred ergibt sich zu 76.96%. Die Lesbarkeit dieser Kombination liegt damit bei 23.04%.

Hintergrundfarbe darkred

Schriftfarbe darkkhaki

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#8b0000#8b0000#8b0000#8b0000#bdb76b#bdb76b#bdb76b#bdb76b
#9b2424#9b2424#770000#770000#c6c180#c6c180#a29c5b#a29c5b
#ac4848#ac4848#630000#630000#cfcb95#cfcb95#87824c#87824c
#bc6d6d#bc6d6d#4f0000#4f0000#d9d5aa#d9d5aa#6c683d#6c683d
#cd9191#cd9191#3b0000#3b0000#e2e0bf#e2e0bf#514e2d#514e2d
#ddb6b6#ddb6b6#270000#270000#ecead4#ecead4#36341e#36341e
#eedada#eedada#130000#130000#f5f4e9#f5f4e9#1b1a0f#1b1a0f
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe darkred und Farbe darkkhaki

Text- und Unterstreichungsfarben mit HTML-Befehl h4

Eine Überschrift der 4. Stufe setzt man mit HTML-Befehl <h4>. Diese kann man farblich gestalten.

Hier ändern wir die Textfarbe von <h4> auf Farbe darkkhaki und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new. Die Schriftgröße setzen wir auf 122%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines gefurchten Rahmens mit 1 Punkte Dicke in Farbe darkred. Dies geht in HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  h4 { 
    border-bottom-color:darkred; 
    border-bottom-style:groove; 
    font-size:122%; 
    font-family:courier new; 
    color:darkkhaki; 
    border-bottom-width:1pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zu h4 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Einzelheiten vom hier verwendeten Tag h4 sind in der HTML Referenz unter <h4> genau beschrieben.

Füllen und Umranden bei HTML-Befehl dd

Für dieses Beispiel umranden wir <dd> mit einem einfallenden, 5 Pixel dicken Rahmen in Farbe darkkhaki . Die Hintergrundfarbe für <dd> setzen wir entsprechend auf Farbe darkred. In HTML geht dies kaum. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  dd { 
    border-width:5px; 
    border-color:darkkhaki; 
    border-style:inset; 
    background-color:darkred;
  }
//-->
</style>

Weiteres zum Thema dd können Sie in Listen und Glossare in HTML erfahren. Weiteres zum hier genutzten Tag dd ist in der HTML Referenz unter <dd> genau gezeigt.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen