Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #cd853f und Farbwert #f5f5dc

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 #cd853f			Schriftfarbwert #f5f5dc
Detail	:	Hintergrund #cd853f	Detail	:	Schrift #f5f5dc
Farbwert	:	#cd853f	Farbwert	:	#f5f5dc
Farbe	:	peru	Farbe	:	beige
HTML	:	#cd853f	HTML	:	#f5f5dc
HTML (Wert)	:	#cd853f	HTML (Wert)	:	#f5f5dc
CSS	:	#cd853f	CSS	:	#f5f5dc
CSS (Wert)	:	#cd853f	CSS (Wert)	:	#f5f5dc
CSS (kürzest)	:	#cd853f	CSS (kürzest)	:	#f5f5dc
CSS (RGB)	:	rgb(205,133,63)	CSS (RGB)	:	rgb(245,245,220)
CSS (%RGB)	:	rgb(80%,52%,24%)	CSS (%RGB)	:	rgb(96%,96%,86%)

Verlauf Hintergrundfarbwert #cd853f nach Schriftfarbwert #f5f5dc
#cd853f	#d29555	#d8a56b	#deb582	#e3c598	#e9d5af	#efe5c5	#f5f5dc
#cd853f	#d29555	#d8a56b	#deb582	#e3c598	#e9d5af	#efe5c5	#f5f5dc

Kombination von #cd853f und #f5f5dc
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #f5f5dc und #cd853f ergibt sich zu 87.13%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 12.87%. Auf Hintergrund #cd853f ist #f5f5dc ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #cd853f				Schriftfarbwert #f5f5dc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#cd853f	#cd853f	#cd853f	#cd853f	#f5f5dc	#f5f5dc	#f5f5dc	#f5f5dc
#d4965a	#d4965a	#af7236	#af7236	#f6f6e1	#f6f6e1	#d2d2bc	#d2d2bc
#dba775	#dba775	#925f2d	#925f2d	#f7f7e6	#f7f7e6	#afaf9d	#afaf9d
#e2b991	#e2b991	#754c24	#754c24	#f9f9eb	#f9f9eb	#8c8c7d	#8c8c7d
#e9caac	#e9caac	#57391b	#57391b	#fafaf0	#fafaf0	#69695e	#69695e
#f0dcc8	#f0dcc8	#3a2612	#3a2612	#fcfcf5	#fcfcf5	#46463e	#46463e
#f7ede3	#f7ede3	#1d1309	#1d1309	#fdfdfa	#fdfdfa	#23231f	#23231f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #cd853f und Farbwert #f5f5dc

Wechsel der Textfarbe bei Hover von HTML-Befehl dt

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

Wir legen zum Beispiel Farbwert #cd853f als Textfarbe von <dt> fest.

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #f5f5dc ändert.

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

Weiteres zum Thema dt können Sie in Listen und Glossare in HTML nachlesen. Einzelheiten des hier gezeigten HTML-Tag dt finden Sie in der HTML Referenz unter <dt>.

Zebra-Effekt bei HTML-Tag tr

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <tr> mit den Hintergrundfarben Farbwert #cd853f und Farbwert #f5f5dc.

<style type="text/css"><!--
  tr.ger { 
    background-color: #cd853f;
  }
  tr.ung { 
    background-color:#f5f5dc;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr class="ger"><td><tt>1,1</td><td></tt>2,1</td><td><tt>3,1</td></tr>
<tr class="ung"><td></tt>1,2</td><td><tt>2,2</td><td></tt>3,2</td></tr>
<tr class="ger"><td><tt>1,3</td><td></tt>2,3</td><td>@3,3</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML erfahren. Einzelheiten vom HTML-Befehl tr sind in der HTML Referenz unter <tr> genau gezeigt.