Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffdead und Farbwert #faebd7

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, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ffdead

Schriftfarbwert #faebd7

DetailHintergrund #ffdead DetailSchrift #faebd7 
Farbwert :#ffdeadFarbwert :#faebd7
Farbe :navajowhiteFarbe :antiquewhite
HTML:#ffdeadHTML:#faebd7
HTML (Wert):#ffdeadHTML (Wert):#faebd7
CSS:#ffdeadCSS:#faebd7
CSS (Wert):#ffdeadCSS (Wert):#faebd7
CSS (kürzest):#ffdeadCSS (kürzest):#faebd7
CSS (RGB):rgb(255,222,173)CSS (RGB):rgb(250,235,215)
CSS (%RGB):rgb(100%,87%,67%)CSS (%RGB):rgb(98%,92%,84%)

Verlauf Hintergrundfarbwert #ffdead nach Schriftfarbwert #faebd7

#ffdead#fedfb3#fde1b9#fce3bf#fce5c5#fbe7cb#fae9d1#faebd7
#ffdead#fedfb3#fde1b9#fce3bf#fce5c5#fbe7cb#fae9d1#faebd7

Kombination von #ffdead und #faebd7

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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.

#faebd7 ist nicht als Schriftfarbe auf Hintergrund #ffdead geeignet, da weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Die Ähnlichkeit von #faebd7 und #ffdead ergibt sich zu 94.76%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.24%.

Hintergrundfarbwert #ffdead

Schriftfarbwert #faebd7

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ffdead#ffdead#ffdead#ffdead#faebd7#faebd7#faebd7#faebd7
#ffe2b8#ffe2b8#dabe94#dabe94#faeddc#faeddc#d6c9b8#d6c9b8
#ffe7c4#ffe7c4#b69e7b#b69e7b#fbf0e2#fbf0e2#b2a799#b2a799
#ffecd0#ffecd0#917e62#917e62#fcf3e8#fcf3e8#8e867a#8e867a
#fff0db#fff0db#6d5f4a#6d5f4a#fcf6ed#fcf6ed#6b645c#6b645c
#fff5e7#fff5e7#483f31#483f31#fdf9f3#fdf9f3#47433d#47433d
#fffaf3#fffaf3#241f18#241f18#fefcf9#fefcf9#23211e#23211e
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #ffdead und Farbwert #faebd7

Füllen und Umranden mit Tag img

Hier umranden wir <img> mit einem gezahnten, 4 Pixel dicken Rahmen in Farbwert #faebd7 . Den Hintergrund von <img> färben wir entsprechend mit Farbwert #ffdead. Das geht in HTML nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  img { 
    border-style: ridge; 
    border-color: #faebd7; 
    background-color: #ffdead; 
    border-width: 4px;
  }
//-->
</style>

Mehr zum Thema img lesen Sie in Grafik in HTML. Möglichkeiten vom Tag <img>.

Text- und Unterstreichungsfarben bei Tag a

Ein Hyperlink wird mit HTML-Tag <a> erzeugt. Diesen kann man farblich gestalten und hervorheben.

In diesem Beispiel ändern wir die Textfarbe von <a> auf Farbwert #faebd7 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf courier new und vergrößern die Schriftgröße auf 115%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gestrichelten Rahmens mit 5 Punkte Dicke in Farbwert #ffdead. Mit HTML ist das kaum machbar. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    color:#faebd7; 
    border-bottom:5pt dashed #ffdead; 
    font-family:courier new; 
    font-size:115%;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Verweise und Protokolle in HTML nachsehen. Möglichkeiten vom Tag a sind in der HTML Referenz bei <a> beschrieben.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen