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

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 #ffe4b5
Detail	:	Hintergrund #708090	Detail	:	Schrift #ffe4b5
Farbwert	:	#708090	Farbwert	:	#ffe4b5
Farbe	:	slategray	Farbe	:	moccasin
HTML	:	#708090	HTML	:	#ffe4b5
HTML (Wert)	:	#708090	HTML (Wert)	:	#ffe4b5
CSS	:	#708090	CSS	:	#ffe4b5
CSS (Wert)	:	#708090	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#708090	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(112,128,144)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(43%,50%,56%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbwert #708090 nach Schriftfarbwert #ffe4b5
#708090	#848e95	#989c9a	#adaa9f	#c1b9a5	#d6c7aa	#ead5af	#ffe4b5
#708090	#848e95	#989c9a	#adaa9f	#c1b9a5	#d6c7aa	#ead5af	#ffe4b5

Kombination von #708090 und #ffe4b5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffe4b5 eignet sich nicht als Schriftfarbe auf Hintergrund #708090. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #ffe4b5 und #708090 beträgt 84.35%. Die Lesbarkeit dieser Kombination bewerte ich mit 15.65%.

Hintergrundfarbwert #708090				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#708090	#708090	#708090	#708090	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#84929f	#84929f	#606d7b	#606d7b	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#98a4af	#98a4af	#505b66	#505b66	#ffebca	#ffebca	#b6a281	#b6a281
#adb6bf	#adb6bf	#404952	#404952	#ffefd4	#ffefd4	#918267	#918267
#c1c8cf	#c1c8cf	#30363d	#30363d	#fff3df	#fff3df	#6d614d	#6d614d
#d6dadf	#d6dadf	#202429	#202429	#fff7e9	#fff7e9	#484133	#484133
#eaecef	#eaecef	#101214	#101214	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #708090 und Farbwert #ffe4b5

Wechsel der Textfarbe bei Hover mit HTML-Befehl dt

Die Textfarbe soll sich von Farbwert #708090 auf Farbwert #ffe4b5 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <dt> in Farbwert #708090 vor.

Wir legen als Beispiel Farbwert #708090 als Textfarbe von <dt> fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift setzen wir auf 81%:

<style type="text/css"><!--
  dt { 
    font-family:sans-serif; 
    font-size:81%; 
    color:#708090;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf #ffe4b5 ändert.

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

Mehr zu dt erfahren Sie in Listen und Glossare in HTML. Der HTML-Befehl dt ist in der HTML Referenz bei <dt> ausführlich beschrieben.

Füllen und Umranden von HTML-Befehl ins

In diesem Beispiel umranden wir <ins> mit einem . Die Hintergrundfarbe für <ins> färben wir mit Farbwert #708090. Dies geht mit HTML nicht. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  ins { 
    border-style: double; 
    border-color: #ffe4b5; 
    background-color: #708090; 
    border-width: 2pt;
  }
//-->
</style>

Möglichkeiten des hier gezeigten Tag <ins>.