Ressourcen: 120 HTML Farbnamen - Kombinationen mit Farbe oldlace

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 oldlace

DetailHintergrundfarbe oldlace Verlauf nach WeißVerlauf nach Schwarz
Farbe :oldlace#fdf5e6#fdf5e6#fdf5e6#fdf5e6
Farbwert :#fdf5e6#fdf6e9#fdf6e9#d8d2c5#d8d2c5
HTML:oldlace#fdf7ed#fdf7ed#b4afa4#b4afa4
CSS:oldlace#fdf9f0#fdf9f0#908c83#908c83
CSS (Wert):#fdf5e6#fefaf4#fefaf4#6c6962#6c6962
CSS (kürzest):#fdf5e6#fefcf7#fefcf7#484641#484641
CSS (RGB):rgb(253,245,230)#fefdfb#fefdfb#242320#242320
CSS (%RGB):rgb(99%,96%,90%)#ffffff#ffffff#000000#000000

Beispiele zu Kombinationen mit Farbe oldlace

Änderung der Hintergrundfarbe von Tag pre

Wir legen zum Beispiel die Hintergrundfarbe von <pre> auf Farbe oldlace fest. Zwar behalten wir die Textfarbe bei, setzen jedoch die Schriftart auf sans-serif. Die Schriftgröße setzen wir auf 87%:

<style type="text/css"><!--
  pre { 
    font-size:87%; 
    font-family:sans-serif; 
    background-color:oldlace;
  }
//-->
</style>

Weiteres zum Thema pre können Sie in Blockorientierte Elemente in HTML erfahren. Der Befehl pre ist in der HTML Referenz unter <pre> beschrieben.

Farbige Unterstreichung von HTML-Befehl kbd

Hier unterstreichen wir <kbd> mit Hilfe eines herausstehenden Rahmens mit 3 Pixel Dicke in Farbe oldlace. Mit HTML geht das nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  kbd { 
    border-bottom-color: oldlace; 
    border-bottom-style: outset; 
    border-bottom-width: 3px;
  }
//-->
</style>

Die Idee ist hierbei, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben. Manchmal sieht man dies bei Verweisen. Der Text wird in einer Farbe dargestellt. Und die Unterstreichung in einer anderen. Hierbei handelt es sich aber nicht um eine "wirkliche" Unterstreichung, der Text selbst hat überhaupt keine Unterstreichung. Sie wird mit einem Rahmen simuliert und dieser ist unabhängig vom Text.

Weiteres zum Thema können Sie in Text in HTML erfahren. Möglichkeiten vom hier genutzten HTML-Tag <kbd>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen