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

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

Verlauf Hintergrundfarbwert #faebd7 nach Schriftfarbwert #000000
#faebd7	#d6c9b8	#b2a799	#8e867a	#6b645c	#47433d	#23211e	#000000
#faebd7	#d6c9b8	#b2a799	#8e867a	#6b645c	#47433d	#23211e	#000000

Kombination von #faebd7 und #000000
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#000000 eignet sich als Schriftfarbe auf Hintergrund #faebd7, weil der Helligkeitsunterschied geeignet ist, der Farbenunterschied auch. Die Ähnlichkeit der Farben #000000 und #faebd7 beträgt 14.62%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 85.38%.

Hintergrundfarbwert #faebd7				Schriftfarbwert #000000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#000000	#000000	#000000	#000000
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#242424	#242424	#000000	#000000
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#484848	#484848	#000000	#000000
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#6d6d6d	#6d6d6d	#000000	#000000
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#919191	#919191	#000000	#000000
#fdf9f3	#fdf9f3	#47433d	#47433d	#b6b6b6	#b6b6b6	#000000	#000000
#fefcf9	#fefcf9	#23211e	#23211e	#dadada	#dadada	#000000	#000000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #faebd7 und Farbwert #000000

Wechsel der Textfarbe bei Hover mit HTML-Tag blockquote

Die Textfarbe soll sich von Farbwert #faebd7 auf Farbwert #000000 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <blockquote> in Farbwert #faebd7 vor.

Wir legen hier bei <blockquote> die Textfarbe auf Farbwert #faebd7 fest.

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

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #000000 geändert wird.

<style type="text/css"><!--
  blockquote: hover { 
    color: #000000;
  }
//-->
</style>

Weiteres zum Thema blockquote lesen Sie in Blockorientierte Elemente in HTML. Zur Beschreibung des hier genutzten HTML-Befehl <blockquote>.

Hintergrund/Text-Kombination bei Befehl address

Wir ändern in diesem Beispiel die Textfarbe von <address> auf Farbwert #000000 und die Hintergrundfarbe von <address> auf Farbwert #faebd7. Als Schriftart setzen wir arial. Als Schriftgröße wählen wir 13px.

<style type="text/css"><!--
  address { 
    font-size:13px; 
    color:#000000; 
    font-family:arial; 
    background-color:#faebd7;
  }
//-->
</style>

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML nachsehen. Zur Beschreibung vom Befehl <address>.