Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffaf0 und Farbwert #708090

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 #fffaf0			Schriftfarbwert #708090
Detail	:	Hintergrund #fffaf0	Detail	:	Schrift #708090
Farbwert	:	#fffaf0	Farbwert	:	#708090
Farbe	:	floralwhite	Farbe	:	slategray
HTML	:	#fffaf0	HTML	:	#708090
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#708090
CSS	:	#fffaf0	CSS	:	#708090
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#708090
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbwert #fffaf0 nach Schriftfarbwert #708090
#fffaf0	#eae8e2	#d6d7d4	#c1c5c6	#adb4b9	#98a2ab	#84919d	#708090
#fffaf0	#eae8e2	#d6d7d4	#c1c5c6	#adb4b9	#98a2ab	#84919d	#708090

Kombination von #fffaf0 und #708090
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #fffaf0 ist #708090 ungeeignet. Zwar ist der Helligkeitsunterschied in Ordnung, doch die Farben selbst sind zu ähnlich. Die Ähnlichkeit von #708090 und #fffaf0 beträgt 81.44%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 18.56%.

Hintergrundfarbwert #fffaf0				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#708090	#708090	#708090	#708090
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#84929f	#84929f	#606d7b	#606d7b
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#98a4af	#98a4af	#505b66	#505b66
#fffcf6	#fffcf6	#918e89	#918e89	#adb6bf	#adb6bf	#404952	#404952
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#c1c8cf	#c1c8cf	#30363d	#30363d
#fffdfa	#fffdfa	#484744	#484744	#d6dadf	#d6dadf	#202429	#202429
#fffefc	#fffefc	#242322	#242322	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffaf0 und Farbwert #708090

Wechsel der Textfarbe bei Hover mit Befehl dd

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

Zum Beispiel setzen wir die Textfarbe von <dd> auf Farbwert #fffaf0. Die Größe der Schrift verringern wir auf 89%.

<style type="text/css"><!--
  dd { 
    font-size:89%; 
    color:#fffaf0;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #708090 geändert wird.

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

Weiteres zum Thema finden Sie in Listen und Glossare in HTML. Weiteres zum Befehl <dd>.

Füllen und Umranden bei HTML-Tag hr

Für dieses Beispiel umranden wir <hr> mit einem gestrichelten, 5 Punkte dicken Rahmen in Farbwert #708090 . Die Hintergrundfarbe für <hr> setzen wir auf Farbwert #fffaf0. Das geht mit HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  hr { border:5pt dashed #708090; background-color:#fffaf0; }
//-->
</style>

Mehr zum Thema hr finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum Tag <hr>.