Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ffffff und Farbwert #ffffe0

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

Schriftfarbwert #ffffe0

DetailHintergrund #ffffff DetailSchrift #ffffe0 
Farbwert :#ffffffFarbwert :#ffffe0
Farbe :whiteFarbe :lightyellow
HTML:#ffffffHTML:#ffffe0
HTML (Wert):#ffffffHTML (Wert):#ffffe0
CSS:#ffffffCSS:#ffffe0
CSS (Wert):#ffffffCSS (Wert):#ffffe0
CSS (kürzest):#fffCSS (kürzest):#ffffe0
CSS (RGB):rgb(255,255,255)CSS (RGB):rgb(255,255,224)
CSS (%RGB):rgb(100%,100%,100%)CSS (%RGB):rgb(100%,100%,87%)

Verlauf Hintergrundfarbwert #ffffff nach Schriftfarbwert #ffffe0

#ffffff#fffffa#fffff6#fffff1#ffffed#ffffe8#ffffe4#ffffe0
#ffffff#fffffa#fffff6#fffff1#ffffed#ffffe8#ffffe4#ffffe0

Kombination von #ffffff und #ffffe0

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

Die Ähnlichkeit der Farben #ffffe0 und #ffffff beträgt 95.15%. Die Lesbarkeit dieser Kombination liegt damit bei 4.85%.

#ffffe0 eignet sich nicht als Schriftfarbe auf Hintergrund #ffffff, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ffffff

Schriftfarbwert #ffffe0

Verlauf nach WeißVerlauf nach SchwarzVerlauf nach WeißVerlauf nach Schwarz
#ffffff#ffffff#ffffff#ffffff#ffffe0#ffffe0#ffffe0#ffffe0
#ffffff#ffffff#dadada#dadada#ffffe4#ffffe4#dadac0#dadac0
#ffffff#ffffff#b6b6b6#b6b6b6#ffffe8#ffffe8#b6b6a0#b6b6a0
#ffffff#ffffff#919191#919191#ffffed#ffffed#919180#919180
#ffffff#ffffff#6d6d6d#6d6d6d#fffff1#fffff1#6d6d60#6d6d60
#ffffff#ffffff#484848#484848#fffff6#fffff6#484840#484840
#ffffff#ffffff#242424#242424#fffffa#fffffa#242420#242420
#ffffff#ffffff#000000#000000#ffffff#ffffff#000000#000000

Beispiele zur Kombination von Farbwert #ffffff und Farbwert #ffffe0

Hintergrund/Text-Kombination von Befehl address

Wir ändern hier die Textfarbe von <address> auf Farbwert #ffffe0 und die Hintergrundfarbe von <address> auf Farbwert #ffffff. Als Schriftart wählen wir sans-serif und ändern die Schriftgröße auf 9px.

<style type="text/css"><!--
  address { 
    font-size:9px; 
    background-color:#fff; 
    color:#ffffe0; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML lesen. Mehr zum HTML-Tag address lesen Sie in der HTML Referenz unter <address>.

Text- und Unterstreichungsfarben mit HTML-Befehl caption

Wir ändern für dieses Beispiel die Textfarbe von <caption> auf Farbwert #ffffe0. Die Schriftart ändern wir auf arial. Die Schriftgröße erhöhen wir auf 122%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines gestrichelten Rahmens mit 1 Pixel Dicke in Farbwert #ffffff. Das ist in HTML so kaum möglich. Daher nutzen wir CSS.

<style type="text/css"><!--
  caption { 
    color: #ffffe0; 
    border-bottom-style: dashed; 
    border-bottom-color: #ffffff; 
    font-family: arial; 
    font-size: 122%; 
    border-bottom-width: 1px;
  }
//-->
</style>

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

Weiteres zu caption finden Sie in Tabellen in HTML. Mehr zum hier genutzten Tag caption erfahren Sie in der HTML Referenz unter <caption>.

Tabelle der 137 HTML Farbnamen

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

Weitere Farbtabellen