Ressourcen: 137 HTML Farbnamen - Kombination von Farbe silver und Farbwert #eee8aa

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.

Hintergrundfarbe silver			Schriftfarbwert #eee8aa
Detail	:	Hintergrund silver	Detail	:	Schrift #eee8aa
Farbe	:	silver	Farbwert	:	#eee8aa
Farbwert	:	#c0c0c0	Farbe	:	palegoldenrod
HTML	:	silver	HTML	:	#eee8aa
HTML (Wert)	:	#c0c0c0	HTML (Wert)	:	#eee8aa
CSS	:	silver	CSS	:	#eee8aa
CSS (Wert)	:	#c0c0c0	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#c0c0c0	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(192,192,192)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(75%,75%,75%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbe silver nach Schriftfarbwert #eee8aa
#c0c0c0	#c6c5bc	#cdcbb9	#d3d1b6	#dad6b3	#e0dcb0	#e7e2ad	#eee8aa
#c0c0c0	#c6c5bc	#cdcbb9	#d3d1b6	#dad6b3	#e0dcb0	#e7e2ad	#eee8aa

Kombination von silver und #eee8aa
Cras id velit ante. 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.				Auf Hintergrund silver ist #eee8aa ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von #eee8aa und silver ergibt sich zu 93.09%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.91%.

Hintergrundfarbe silver				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#d2d2d2	#d2d2d2	#898989	#898989	#f2eec2	#f2eec2	#aaa579	#aaa579
#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d	#f5f1ce	#f5f1ce	#888461	#888461
#e4e4e4	#e4e4e4	#525252	#525252	#f7f5da	#f7f5da	#666348	#666348
#ededed	#ededed	#363636	#363636	#faf8e6	#faf8e6	#444230	#444230
#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe silver und Farbwert #eee8aa

Wechsel der Hintergrundfarbe bei Hover von Tag address

Die Hintergrundfarbe soll sich von Farbe silver auf Farbwert #eee8aa ändern, wenn man mit der Maus auf <address> zeigt. Wir bereiten zunächst eine Formatierung von <address> in Farbe silver vor.

Wir setzen zum Beispiel bei <address> die Hintergrundfarbe auf Farbe silver:

<style type="text/css"><!--
  address { 
    background-color: silver;
  }
//-->
</style>

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

<style type="text/css"><!--
  address: hover { 
    background-color: #eee8aa;
  }
//-->
</style>

Mehr zum Thema address können Sie in Blockorientierte Elemente in HTML erfahren. Mehr zum hier gezeigten Tag address ist in der HTML Referenz bei <address> genau beschrieben.

Hintergrund/Text-Kombination bei HTML-Tag em

Wir ändern bei diesem Beispiel die Textfarbe von <em> auf Farbwert #eee8aa und die Hintergrundfarbe von <em> auf Farbe silver. Die Schriftart setzen wir auf sans-serif und vergrößern die Schriftgröße auf 118%.

<style type="text/css"><!--
  em { 
    color: #eee8aa; 
    font-size: 118%; 
    background-color: silver; 
    font-family: sans-serif;
  }
//-->
</style>

Weiteres zu em können Sie in Text in HTML finden. Möglichkeiten des Tag em sind in der HTML Referenz bei <em> genau beschrieben.