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

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

Schriftfarbwert #ffdead

DetailHintergrund #fffff0 DetailSchrift #ffdead 
Farbwert :#fffff0Farbwert :#ffdead
Farbe :ivoryFarbe :navajowhite
HTML:#fffff0HTML:#ffdead
HTML (Wert):#fffff0HTML (Wert):#ffdead
CSS:#fffff0CSS:#ffdead
CSS (Wert):#fffff0CSS (Wert):#ffdead
CSS (kürzest):#fffff0CSS (kürzest):#ffdead
CSS (RGB):rgb(255,255,240)CSS (RGB):rgb(255,222,173)
CSS (%RGB):rgb(100%,100%,94%)CSS (%RGB):rgb(100%,87%,67%)

Verlauf Hintergrundfarbwert #fffff0 nach Schriftfarbwert #ffdead

#fffff0#fffae6#fff5dc#fff0d3#ffecc9#ffe7c0#ffe2b6#ffdead
#fffff0#fffae6#fff5dc#fff0d3#ffecc9#ffe7c0#ffe2b6#ffdead

Kombination von #fffff0 und #ffdead

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.

#ffdead eignet sich nicht als Schriftfarbe auf Hintergrund #fffff0. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Die Ähnlichkeit der Farben #ffdead und #fffff0 beträgt 93.92%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.08%.

Hintergrundfarbwert #fffff0

Schriftfarbwert #ffdead

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#fffff0#fffff0#fffff0#fffff0#ffdead#ffdead#ffdead#ffdead
#fffff2#fffff2#dadacd#dadacd#ffe2b8#ffe2b8#dabe94#dabe94
#fffff4#fffff4#b6b6ab#b6b6ab#ffe7c4#ffe7c4#b69e7b#b69e7b
#fffff6#fffff6#919189#919189#ffecd0#ffecd0#917e62#917e62
#fffff8#fffff8#6d6d66#6d6d66#fff0db#fff0db#6d5f4a#6d5f4a
#fffffa#fffffa#484844#484844#fff5e7#fff5e7#483f31#483f31
#fffffc#fffffc#242422#242422#fffaf3#fffaf3#241f18#241f18
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #fffff0 und Farbwert #ffdead

Text- und Unterstreichungsfarben von HTML-Tag address

Hier ändern wir die Textfarbe von <address> auf Farbwert #ffdead und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <address> mit Hilfe eines einfallenden Rahmens mit 1 Pixel Dicke in Farbwert #fffff0. Mit HTML geht dies kaum. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  address { 
    border-bottom:1px inset #fffff0; 
    color:#ffdead; 
    font-family:sans-serif; 
    font-size:13px;
  }
//-->
</style>

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

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML nachlesen. Einzelheiten vom hier verwendeten HTML-Tag <address>.

Hintergrund/Text-Kombination von HTML-Befehl strong

Hier ändern wir die Textfarbe von <strong> auf Farbwert #ffdead und die Hintergrundfarbe von <strong> auf Farbwert #fffff0. Als Schriftart wählen wir sans-serif und als Schriftgröße entscheiden wir uns für 12pt.

<style type="text/css"><!--
  strong { 
    color:#ffdead; 
    font-size:12pt; 
    font-family:sans-serif; 
    background-color:#fffff0;
  }
//-->
</style>

Weiteres zu strong lesen Sie in Text in HTML. Weiteres zum Tag strong erfahren Sie in der HTML Referenz unter <strong>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen