Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffafa und Farbwert #faebd7

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 #fffafa			Schriftfarbwert #faebd7
Detail	:	Hintergrund #fffafa	Detail	:	Schrift #faebd7
Farbwert	:	#fffafa	Farbwert	:	#faebd7
Farbe	:	snow	Farbe	:	antiquewhite
HTML	:	#fffafa	HTML	:	#faebd7
HTML (Wert)	:	#fffafa	HTML (Wert)	:	#faebd7
CSS	:	#fffafa	CSS	:	#faebd7
CSS (Wert)	:	#fffafa	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#fffafa	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(255,250,250)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(100%,98%,98%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbwert #fffafa nach Schriftfarbwert #faebd7
#fffafa	#fef7f5	#fdf5f0	#fcf3eb	#fcf1e6	#fbefe1	#faeddc	#faebd7
#fffafa	#fef7f5	#fdf5f0	#fcf3eb	#fcf1e6	#fbefe1	#faeddc	#faebd7

Kombination von #fffafa und #faebd7
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #fffafa ist #faebd7 ungeeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #faebd7 und #fffafa ergibt sich zu 94.61%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.39%.

Hintergrundfarbwert #fffafa				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#faebd7	#faebd7	#faebd7	#faebd7
#fffafa	#fffafa	#dad6d6	#dad6d6	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#fffcfc	#fffcfc	#918e8e	#918e8e	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#fffdfd	#fffdfd	#484747	#484747	#fdf9f3	#fdf9f3	#47433d	#47433d
#fffefe	#fffefe	#242323	#242323	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffafa und Farbwert #faebd7

Zebra-Effekt mit HTML-Tag tr

Man spricht von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #fffafa und Farbwert #faebd7.

<style type="text/css"><!--
  tr.yang { 
    background-color: #fffafa;
  }
  tr.ying { 
    background-color: #faebd7;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr class="yang"><td><tt>a~a</td><td></tt>b~a</td><td><tt>c~a</td></tr>
<tr class="ying"><td></tt>a~b</td><td><tt>b~b</td><td></tt>c~b</td></tr>
<tr class="yang"><td><tt>a~c</td><td></tt>b~c</td><td>@c~c</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML finden. Beschreibung vom hier verwendeten HTML-Befehl <tr>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl h1

Eine Überschrift der 1. Stufe setzt man mit HTML-Befehl <h1>. Diese können Sie farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #fffafa auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <h1> in Farbwert #fffafa vor.

Wir legen hier die Hintergrundfarbe von <h1> auf Farbwert #fffafa fest. Die Schriftgröße ändern wir auf 9px.

<style type="text/css"><!--
  h1 { 
    font-size: 9px; 
    background-color: #fffafa;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #faebd7 geändert wird.

<style type="text/css"><!--
  h1:hover { 
    background-color:#faebd7;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten vom HTML-Tag h1 sind in der HTML Referenz unter <h1> zusammengestellt.