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

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 #faebd7

Schriftfarbe seashell

DetailHintergrund #faebd7 DetailSchrift seashell 
Farbwert :#faebd7Farbe :seashell
Farbe :antiquewhiteFarbwert :#fff5ee
HTML:#faebd7HTML:seashell
HTML (Wert):#faebd7HTML (Wert):#fff5ee
CSS:#faebd7CSS:seashell
CSS (Wert):#faebd7CSS (Wert):#fff5ee
CSS (kürzest):#faebd7CSS (kürzest):#fff5ee
CSS (RGB):rgb(250,235,215)CSS (RGB):rgb(255,245,238)
CSS (%RGB):rgb(98%,92%,84%)CSS (%RGB):rgb(100%,96%,93%)

Verlauf Hintergrundfarbwert #faebd7 nach Schriftfarbe seashell

#faebd7#faecda#fbeddd#fcefe0#fcf0e4#fdf2e7#fef3ea#fff5ee
#faebd7#faecda#fbeddd#fcefe0#fcf0e4#fdf2e7#fef3ea#fff5ee

Kombination von #faebd7 und seashell

Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.

Die Ähnlichkeit der Farben seashell und #faebd7 beträgt 94.81%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.19%.

seashell ist nicht als Schriftfarbe auf Hintergrund #faebd7 geeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #faebd7

Schriftfarbe seashell

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#faebd7#faebd7#faebd7#faebd7#fff5ee#fff5ee#fff5ee#fff5ee
#faeddc#faeddc#d6c9b8#d6c9b8#fff6f0#fff6f0#dad2cc#dad2cc
#fbf0e2#fbf0e2#b2a799#b2a799#fff7f2#fff7f2#b6afaa#b6afaa
#fcf3e8#fcf3e8#8e867a#8e867a#fff9f5#fff9f5#918c88#918c88
#fcf6ed#fcf6ed#6b645c#6b645c#fffaf7#fffaf7#6d6966#6d6966
#fdf9f3#fdf9f3#47433d#47433d#fffcfa#fffcfa#484644#484644
#fefcf9#fefcf9#23211e#23211e#fffdfc#fffdfc#242322#242322
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #faebd7 und Farbe seashell

Füllen und Umranden mit HTML-Befehl frame

Hier umranden wir <frame> mit einem 4 Pixel dicken, doppelten Rahmen in Farbe seashell . Die Hintergrundfarbe für <frame> setzen wir entsprechend auf Farbwert #faebd7. Das ist in HTML so kaum möglich. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  frame { border:4px double seashell; background-color:#faebd7; }
//-->
</style>

Möglichkeiten des HTML-Tag frame sind in der HTML Referenz bei <frame> gezeigt.

Text- und Unterstreichungsfarben bei HTML-Befehl a

Einen Link erzeugen Sie mit Tag <a>. Diesen können Sie farblich gestalten.

Wir ändern für dieses Beispiel die Textfarbe von <a> auf Farbe seashell. Die Schriftart setzen wir auf courier new. Die Schriftgröße verkleinern wir auf 81%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gestrichelten Rahmens mit 2 Punkte Dicke in Farbwert #faebd7. Mit HTML geht dies kaum. Daher formatieren wir hier mit CSS.

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

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom hier verwendeten Tag a sind in der HTML Referenz unter <a> beschrieben.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen