Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lemonchiffon und Farbwert #8b0000

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 lemonchiffon

Schriftfarbwert #8b0000

DetailHintergrund lemonchiffon DetailSchrift #8b0000 
Farbe :lemonchiffonFarbwert :#8b0000
Farbwert :#fffacdFarbe :darkred
HTML:lemonchiffonHTML:#8b0000
HTML (Wert):#fffacdHTML (Wert):#8b0000
CSS:lemonchiffonCSS:#8b0000
CSS (Wert):#fffacdCSS (Wert):#8b0000
CSS (kürzest):#fffacdCSS (kürzest):#8b0000
CSS (RGB):rgb(255,250,205)CSS (RGB):rgb(139,0,0)
CSS (%RGB):rgb(100%,98%,80%)CSS (%RGB):rgb(54%,0%,0%)

Verlauf Hintergrundfarbe lemonchiffon nach Schriftfarbwert #8b0000

#fffacd#eed6af#ddb292#cd8e75#bc6b57#ac473a#9b231d#8b0000
#fffacd#eed6af#ddb292#cd8e75#bc6b57#ac473a#9b231d#8b0000

Kombination von lemonchiffon und #8b0000

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.

Die Ähnlichkeit von #8b0000 und lemonchiffon beträgt 55.04%. Die Lesbarkeit dieser Farbkombination liegt damit bei 44.96%.

#8b0000 eignet sich als Schriftfarbe auf Hintergrund lemonchiffon, da der Unterschied in den Farben gut ist, der Unterschied in den Helligkeiten ebenso.

Hintergrundfarbe lemonchiffon

Schriftfarbwert #8b0000

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fffacd#fffacd#fffacd#fffacd#8b0000#8b0000#8b0000#8b0000
#fffad4#fffad4#dad6af#dad6af#9b2424#9b2424#770000#770000
#fffbdb#fffbdb#b6b292#b6b292#ac4848#ac4848#630000#630000
#fffce2#fffce2#918e75#918e75#bc6d6d#bc6d6d#4f0000#4f0000
#fffce9#fffce9#6d6b57#6d6b57#cd9191#cd9191#3b0000#3b0000
#fffdf0#fffdf0#48473a#48473a#ddb6b6#ddb6b6#270000#270000
#fffef7#fffef7#24231d#24231d#eedada#eedada#130000#130000
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbe lemonchiffon und Farbwert #8b0000

Text- und Unterstreichungsfarben bei Tag caption

Wir ändern Hher die Textfarbe von <caption> auf Farbwert #8b0000. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 88%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gezahnten Rahmens mit 1 Punkte Dicke in Farbe lemonchiffon. Das geht mit HTML nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  caption { 
    border-bottom-color:lemonchiffon; 
    border-bottom-style:ridge; 
    border-bottom-width:1pt; 
    color:#8b0000; 
    font-size:88%; 
    font-family:courier new;
  }
//-->
</style>

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

Mehr zu caption können Sie in Tabellen in HTML lesen. Mehr zum Tag <caption>.

Füllen und Umranden mit HTML-Tag label

Für dieses Beispiel umranden wir <label> mit einem doppelten, 4 Pixel dicken Rahmen in Farbwert #8b0000 . Die Hintergrundfarbe für <label> färben wir entsprechend mit Farbe lemonchiffon. Das geht in HTML kaum. Daher verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  label { border:4px double #8b0000; background-color:lemonchiffon; }
//-->
</style>

Mehr zu label können Sie in Formulare in HTML nachsehen. Der HTML-Befehl label ist in der HTML Referenz unter <label> genau beschrieben.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen