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

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 #708090			Schriftfarbwert #ffdab9
Detail	:	Hintergrund #708090	Detail	:	Schrift #ffdab9
Farbwert	:	#708090	Farbwert	:	#ffdab9
Farbe	:	slategray	Farbe	:	peachpuff
HTML	:	#708090	HTML	:	#ffdab9
HTML (Wert)	:	#708090	HTML (Wert)	:	#ffdab9
CSS	:	#708090	CSS	:	#ffdab9
CSS (Wert)	:	#708090	CSS (Wert)	:	#ffdab9
CSS (kürzest)	:	#708090	CSS (kürzest)	:	#ffdab9
CSS (RGB)	:	rgb(112,128,144)	CSS (RGB)	:	rgb(255,218,185)
CSS (%RGB)	:	rgb(43%,50%,56%)	CSS (%RGB)	:	rgb(100%,85%,72%)

Verlauf Hintergrundfarbwert #708090 nach Schriftfarbwert #ffdab9
#708090	#848c95	#98999b	#ada6a1	#c1b3a7	#d6c0ad	#eacdb3	#ffdab9
#708090	#848c95	#98999b	#ada6a1	#c1b3a7	#d6c0ad	#eacdb3	#ffdab9

Kombination von #708090 und #ffdab9
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#ffdab9 eignet sich nicht als Schriftfarbe auf Hintergrund #708090, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von #ffdab9 und #708090 beträgt 85.31%. Die Lesbarkeit dieser Kombination liegt damit bei 14.69%.

Hintergrundfarbwert #708090				Schriftfarbwert #ffdab9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#708090	#708090	#708090	#708090	#ffdab9	#ffdab9	#ffdab9	#ffdab9
#84929f	#84929f	#606d7b	#606d7b	#ffdfc3	#ffdfc3	#daba9e	#daba9e
#98a4af	#98a4af	#505b66	#505b66	#ffe4cd	#ffe4cd	#b69b84	#b69b84
#adb6bf	#adb6bf	#404952	#404952	#ffe9d7	#ffe9d7	#917c69	#917c69
#c1c8cf	#c1c8cf	#30363d	#30363d	#ffefe1	#ffefe1	#6d5d4f	#6d5d4f
#d6dadf	#d6dadf	#202429	#202429	#fff4eb	#fff4eb	#483e34	#483e34
#eaecef	#eaecef	#101214	#101214	#fff9f5	#fff9f5	#241f1a	#241f1a
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #708090 und Farbwert #ffdab9

Wechsel der Umrandung bei Hover von HTML-Befehl h6

Eine Überschrift der 6. Stufe erzeugen Sie mit Befehl <h6>. Sie kann farblich gestaltet und hervorgehoben werden.

Die Rahmenfarbe soll sich von Farbwert #708090 auf Farbwert #ffdab9 ändern, wenn man mit der Maus auf <h6> zeigt. Wir bereiten zunächst die Formatierung von <h6> in Farbwert #708090 vor.

In diesem Beispiel umranden wir <h6> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #708090.

<style type="text/css"><!--
  h6 { border:1px outset #708090; }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #ffdab9 ändert.

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

Mehr zum Thema h6 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Beschreibung des HTML-Tag <h6>.

Text- und Unterstreichungsfarben mit HTML-Befehl h4

Eine Überschrift der 4. Stufe erzeugt man mit HTML-Tag <h4>. Diese können Sie farblich gestalten und hervorheben.

Hier ändern wir die Textfarbe von <h4> auf Farbwert #ffdab9. Die Schriftart ändern wir auf arial. Die Schriftgröße verkleinern wir auf 98%. Wir unterstreichen den Inhalt von <h4> mit Hilfe eines gefurchten Rahmens mit 4 Punkte Dicke in Farbwert #708090. Dies ist in HTML nicht möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h4 { 
    color:#ffdab9; 
    border-bottom-color:#708090; 
    border-bottom-width:4pt; 
    font-size:98%; 
    font-family:arial; 
    border-bottom-style:groove;
  }
//-->
</style>

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

Weiteres zu h4 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten vom hier gezeigten HTML-Befehl h4 finden Sie in der HTML Referenz unter <h4>.