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

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 darkkhaki

Schriftfarbe sandybrown

DetailHintergrund darkkhaki DetailSchrift sandybrown 
Farbe :darkkhakiFarbe :sandybrown
Farbwert :#bdb76bFarbwert :#f4a460
HTML:darkkhakiHTML:sandybrown
HTML (Wert):#bdb76bHTML (Wert):#f4a460
CSS:darkkhakiCSS:sandybrown
CSS (Wert):#bdb76bCSS (Wert):#f4a460
CSS (kürzest):#bdb76bCSS (kürzest):#f4a460
CSS (RGB):rgb(189,183,107)CSS (RGB):rgb(244,164,96)
CSS (%RGB):rgb(74%,71%,41%)CSS (%RGB):rgb(95%,64%,37%)

Verlauf Hintergrundfarbe darkkhaki nach Schriftfarbe sandybrown

#bdb76b#c4b469#ccb167#d4ae66#dcac64#e4a963#eca661#f4a460
#bdb76b#c4b469#ccb167#d4ae66#dcac64#e4a963#eca661#f4a460

Kombination von darkkhaki und sandybrown

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

sandybrown ist nicht als Schriftfarbe auf Hintergrund darkkhaki geeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Die Ähnlichkeit von sandybrown und darkkhaki ergibt sich zu 95.16%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 4.84%.

Hintergrundfarbe darkkhaki

Schriftfarbe sandybrown

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#bdb76b#bdb76b#bdb76b#bdb76b#f4a460#f4a460#f4a460#f4a460
#c6c180#c6c180#a29c5b#a29c5b#f5b176#f5b176#d18c52#d18c52
#cfcb95#cfcb95#87824c#87824c#f7be8d#f7be8d#ae7544#ae7544
#d9d5aa#d9d5aa#6c683d#6c683d#f8cba4#f8cba4#8b5d36#8b5d36
#e2e0bf#e2e0bf#514e2d#514e2d#fad8ba#fad8ba#684629#684629
#ecead4#ecead4#36341e#36341e#fbe5d1#fbe5d1#452e1b#452e1b
#f5f4e9#f5f4e9#1b1a0f#1b1a0f#fdf2e8#fdf2e8#22170d#22170d
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe darkkhaki und Farbe sandybrown

Text- und Unterstreichungsfarben bei Befehl kbd

Hier ändern wir die Textfarbe von <kbd> auf Farbe sandybrown und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf arial. Die Schriftgröße setzen wir auf 117%. Wir unterstreichen den Inhalt von <kbd> mit Hilfe eines einfallenden Rahmens mit 3 Punkte Dicke in Farbe darkkhaki. Dies ist mit HTML kaum möglich. Deshalb verwenden wir dafür CSS.

<style type="text/css"><!--
  kbd { 
    color:sandybrown; 
    border-bottom-width:3pt; 
    border-bottom-style:inset; 
    border-bottom-color:darkkhaki; 
    font-size:117%; 
    font-family:arial;
  }
//-->
</style>

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

Weiteres zum Thema kbd können Sie in Text in HTML lesen. Möglichkeiten des hier verwendeten Befehl kbd finden Sie in der HTML Referenz unter <kbd>.

Füllen und Umranden von HTML-Befehl hr

Bei diesem Beispiel umranden wir <hr> mit einem gefurchten, 2 Punkte dicken Rahmen in Farbe sandybrown . Die Hintergrundfarbe für <hr> färben wir mit Farbe darkkhaki. In HTML geht dies nicht. Deshalb verwenden wir hier CSS zur Formatierung.

<style type="text/css"><!--
  hr { 
    border-style: groove; 
    background-color: darkkhaki; 
    border-color: sandybrown; 
    border-width: 2pt;
  }
//-->
</style>

Weiteres zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier genutzten HTML-Tag hr sind in der HTML Referenz unter <hr> ausführlich beschrieben.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen