Ressourcen: 120 HTML Farbnamen - Kombination von Farbe oldlace und Farbwert #8b008b

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

Schriftfarbwert #8b008b

DetailHintergrund oldlace DetailSchrift #8b008b 
Farbe :oldlaceFarbwert :#8b008b
Farbwert :#fdf5e6Farbe :darkmagenta
HTML:oldlaceHTML:#8b008b
HTML (Wert):#fdf5e6HTML (Wert):#8b008b
CSS:oldlaceCSS:#8b008b
CSS (Wert):#fdf5e6CSS (Wert):#8b008b
CSS (kürzest):#fdf5e6CSS (kürzest):#8b008b
CSS (RGB):rgb(253,245,230)CSS (RGB):rgb(139,0,139)
CSS (%RGB):rgb(99%,96%,90%)CSS (%RGB):rgb(54%,0%,54%)

Verlauf Hintergrundfarbe oldlace nach Schriftfarbwert #8b008b

#fdf5e6#ecd2d9#dcafcc#cc8cbf#bb69b2#ab46a5#9b2398#8b008b
#fdf5e6#ecd2d9#dcafcc#cc8cbf#bb69b2#ab46a5#9b2398#8b008b

Kombination von oldlace und #8b008b

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

Die Ähnlichkeit der Farben #8b008b und oldlace beträgt 62.65%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 37.35%.

#8b008b ist nicht als Schriftfarbe auf Hintergrund oldlace geeignet. Zwar ist der Helligkeitsunterschied ok, doch die Farben selbst sind zu ähnlich.

Hintergrundfarbe oldlace

Schriftfarbwert #8b008b

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fdf5e6#fdf5e6#fdf5e6#fdf5e6#8b008b#8b008b#8b008b#8b008b
#fdf6e9#fdf6e9#d8d2c5#d8d2c5#9b249b#9b249b#770077#770077
#fdf7ed#fdf7ed#b4afa4#b4afa4#ac48ac#ac48ac#630063#630063
#fdf9f0#fdf9f0#908c83#908c83#bc6dbc#bc6dbc#4f004f#4f004f
#fefaf4#fefaf4#6c6962#6c6962#cd91cd#cd91cd#3b003b#3b003b
#fefcf7#fefcf7#484641#484641#ddb6dd#ddb6dd#270027#270027
#fefdfb#fefdfb#242320#242320#eedaee#eedaee#130013#130013
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbe oldlace und Farbwert #8b008b

Text- und Unterstreichungsfarben von HTML-Befehl a

Ein Hyperlink wird mit HTML-Tag <a> erzeugt. Er kann farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #8b008b. Die Schriftart setzen wir auf arial und setzen die Schriftgröße auf 91%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 4 Punkte Dicke in Farbe oldlace. Mit HTML geht das kaum. Daher nutzen wir CSS.

<style type="text/css"><!--
  a { 
    border-bottom-width: 4pt; 
    color: #8b008b; 
    border-bottom-style: ridge; 
    font-size: 91%; 
    font-family: arial; 
    border-bottom-color: oldlace;
  }
//-->
</style>

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Der hier gezeigte Tag a ist in der HTML Referenz unter <a> ausführlich gezeigt.

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