Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #708090 und Farbwert #fffacd

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

Verlauf Hintergrundfarbwert #708090 nach Schriftfarbwert #fffacd
#708090	#849198	#98a2a1	#adb4aa	#c1c5b2	#d6d7bb	#eae8c4	#fffacd
#708090	#849198	#98a2a1	#adb4aa	#c1c5b2	#d6d7bb	#eae8c4	#fffacd

Kombination von #708090 und #fffacd
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.				#fffacd ist nicht als Schriftfarbe auf Hintergrund #708090 geeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #fffacd und #708090 ergibt sich zu 81.79%. Die Lesbarkeit dieser Kombination bewerte ich mit 18.21%.

Hintergrundfarbwert #708090				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#708090	#708090	#708090	#708090	#fffacd	#fffacd	#fffacd	#fffacd
#84929f	#84929f	#606d7b	#606d7b	#fffad4	#fffad4	#dad6af	#dad6af
#98a4af	#98a4af	#505b66	#505b66	#fffbdb	#fffbdb	#b6b292	#b6b292
#adb6bf	#adb6bf	#404952	#404952	#fffce2	#fffce2	#918e75	#918e75
#c1c8cf	#c1c8cf	#30363d	#30363d	#fffce9	#fffce9	#6d6b57	#6d6b57
#d6dadf	#d6dadf	#202429	#202429	#fffdf0	#fffdf0	#48473a	#48473a
#eaecef	#eaecef	#101214	#101214	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #708090 und Farbwert #fffacd

Wechsel der Umrandung bei Hover mit HTML-Befehl h3

Mit Tag <h3> setzen Sie eine Überschrift der 3. Stufe. Diese kann man hervorheben und farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #708090 auf Farbwert #fffacd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h3> in Farbwert #708090 vor.

In diesem Beispiel umranden wir <h3> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbwert #708090.

<style type="text/css"><!--
  h3 { 
    border-color:#708090; 
    border-style:dashed; 
    border-width:5px;
  }
//-->
</style>

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

<style type="text/css"><!--
  h3:hover { 
    border-color:#fffacd;
  }
//-->
</style>

Mehr zu h3 können Sie in Grundlegende Gestaltungselemente in HTML finden. Die Beschreibung vom hier genutzten Tag h3 lesen Sie in der HTML Referenz unter <h3>.

Text- und Unterstreichungsfarben bei Befehl legend

In diesem Beispiel ändern wir die Textfarbe von <legend> auf Farbwert #fffacd und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new. Die Schriftgröße verringern wir auf 89%. Wir unterstreichen den Inhalt von <legend> mit Hilfe eines gezahnten Rahmens mit 5 Punkte Dicke in Farbwert #708090. Mit HTML geht dies nicht. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  legend { 
    color:#fffacd; 
    border-bottom-width:5pt; 
    border-bottom-color:#708090; 
    font-family:courier new; 
    font-size:89%; 
    border-bottom-style:ridge;
  }
//-->
</style>

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

Mehr zu legend lesen Sie in Formulare in HTML. Weiteres zum Tag <legend>.