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

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 #b22222			Schriftfarbwert #faebd7
Detail	:	Hintergrund #b22222	Detail	:	Schrift #faebd7
Farbwert	:	#b22222	Farbwert	:	#faebd7
Farbe	:	firebrick	Farbe	:	antiquewhite
HTML	:	#b22222	HTML	:	#faebd7
HTML (Wert)	:	#b22222	HTML (Wert)	:	#faebd7
CSS	:	#b22222	CSS	:	#faebd7
CSS (Wert)	:	#b22222	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#b22222	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(178,34,34)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(69%,13%,13%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbwert #b22222 nach Schriftfarbwert #faebd7
#b22222	#bc3e3b	#c65b55	#d0786f	#db9489	#e5b1a3	#efcebd	#faebd7
#b22222	#bc3e3b	#c65b55	#d0786f	#db9489	#e5b1a3	#efcebd	#faebd7

Kombination von #b22222 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.				Die Ähnlichkeit der Farben #faebd7 und #b22222 ergibt sich zu 72.85%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 27.15%. Auf Hintergrund #b22222 ist #faebd7 ungeeignet, da der Farbunterschied nicht ausreichend ist

Hintergrundfarbwert #b22222				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b22222	#b22222	#b22222	#b22222	#faebd7	#faebd7	#faebd7	#faebd7
#bd4141	#bd4141	#981d1d	#981d1d	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#c86161	#c86161	#7f1818	#7f1818	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#d38080	#d38080	#651313	#651313	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#dea0a0	#dea0a0	#4c0e0e	#4c0e0e	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#e9bfbf	#e9bfbf	#320909	#320909	#fdf9f3	#fdf9f3	#47433d	#47433d
#f4dfdf	#f4dfdf	#190404	#190404	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #b22222 und Farbwert #faebd7

Wechsel der Textfarbe bei Hover von HTML-Tag h1

Eine Überschrift der 1. Stufe setzen Sie mit Befehl <h1>. Diese kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbwert #b22222 auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <h1> in Farbwert #b22222 vor.

In diesem Beispiel legen wir die Textfarbe von <h1> auf Farbwert #b22222 fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf sans-serif.

<style type="text/css"><!--
  h1 { 
    font-family: sans-serif; 
    color: #b22222;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #faebd7 gesetzt wird.

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

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Weiteres zum HTML-Befehl h1 finden Sie in der HTML Referenz unter <h1>.