Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #696969 und Farbe wheat

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.

Hintergrundfarbwert #696969

Schriftfarbe wheat

DetailHintergrund #696969 DetailSchrift wheat 
Farbwert :#696969Farbe :wheat
Farbe :dimgrayFarbwert :#f5deb3
HTML:#696969HTML:wheat
HTML (Wert):#696969HTML (Wert):#f5deb3
CSS:#696969CSS:wheat
CSS (Wert):#696969CSS (Wert):#f5deb3
CSS (kürzest):#696969CSS (kürzest):#f5deb3
CSS (RGB):rgb(105,105,105)CSS (RGB):rgb(245,222,179)
CSS (%RGB):rgb(41%,41%,41%)CSS (%RGB):rgb(96%,87%,70%)

Verlauf Hintergrundfarbwert #696969 nach Schriftfarbe wheat

#696969#7d7973#918a7e#a59b88#b9ab93#cdbc9d#e1cda8#f5deb3
#696969#7d7973#918a7e#a59b88#b9ab93#cdbc9d#e1cda8#f5deb3

Kombination von #696969 und wheat

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

Die Ähnlichkeit von wheat und #696969 beträgt 80.10%. Die Lesbarkeit dieser Farbkombination liegt damit bei 19.90%.

Auf Hintergrund #696969 ist wheat ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbwert #696969

Schriftfarbe wheat

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#696969#696969#696969#696969#f5deb3#f5deb3#f5deb3#f5deb3
#7e7e7e#7e7e7e#5a5a5a#5a5a5a#f6e2bd#f6e2bd#d2be99#d2be99
#939393#939393#4b4b4b#4b4b4b#f7e7c8#f7e7c8#af9e7f#af9e7f
#a9a9a9#a9a9a9#3c3c3c#3c3c3c#f9ecd3#f9ecd3#8c7e66#8c7e66
#bebebe#bebebe#2d2d2d#2d2d2d#faf0de#faf0de#695f4c#695f4c
#d4d4d4#d4d4d4#1e1e1e#1e1e1e#fcf5e9#fcf5e9#463f33#463f33
#e9e9e9#e9e9e9#0f0f0f#0f0f0f#fdfaf4#fdfaf4#231f19#231f19
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiel zur Kombination von Farbwert #696969 und Farbe wheat

Text- und Unterstreichungsfarben von HTML-Befehl caption

Hier ändern wir die Textfarbe von <caption> auf Farbe wheat. Die Schriftart ändern wir auf courier new und verringern die Schriftgröße auf 92%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines einfallenden Rahmens mit 2 Punkte Dicke in Farbwert #696969. Dies ist mit HTML kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  caption { 
    font-family: courier new; 
    border-bottom: 2pt inset #696969; 
    color: wheat; 
    font-size: 92%;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Möglichkeiten des HTML-Befehl caption lesen Sie in der HTML Referenz unter <caption>.

Tabelle der 120 HTML Farbnamen

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

Weitere Farbtabellen