Ressourcen: 137 HTML Farbnamen - Kombination von Farbe saddlebrown und Farbwert #ffb6c1

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 saddlebrown			Schriftfarbwert #ffb6c1
Detail	:	Hintergrund saddlebrown	Detail	:	Schrift #ffb6c1
Farbe	:	saddlebrown	Farbwert	:	#ffb6c1
Farbwert	:	#8b4513	Farbe	:	lightpink
HTML	:	saddlebrown	HTML	:	#ffb6c1
HTML (Wert)	:	#8b4513	HTML (Wert)	:	#ffb6c1
CSS	:	saddlebrown	CSS	:	#ffb6c1
CSS (Wert)	:	#8b4513	CSS (Wert)	:	#ffb6c1
CSS (kürzest)	:	#8b4513	CSS (kürzest)	:	#ffb6c1
CSS (RGB)	:	rgb(139,69,19)	CSS (RGB)	:	rgb(255,182,193)
CSS (%RGB)	:	rgb(54%,27%,7%)	CSS (%RGB)	:	rgb(100%,71%,75%)

Verlauf Hintergrundfarbe saddlebrown nach Schriftfarbwert #ffb6c1
#8b4513	#9b552b	#ac6544	#bc755d	#cd8576	#dd958f	#eea5a8	#ffb6c1
#8b4513	#9b552b	#ac6544	#bc755d	#cd8576	#dd958f	#eea5a8	#ffb6c1

Kombination von saddlebrown und #ffb6c1
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ffb6c1 ist nicht als Schriftfarbe auf Hintergrund saddlebrown geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #ffb6c1 und saddlebrown ergibt sich zu 79.54%. Die Lesbarkeit dieser Kombination liegt damit bei 20.46%.

Hintergrundfarbe saddlebrown				Schriftfarbwert #ffb6c1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b4513	#8b4513	#8b4513	#8b4513	#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1
#9b5f34	#9b5f34	#773b10	#773b10	#ffc0c9	#ffc0c9	#da9ca5	#da9ca5
#ac7a56	#ac7a56	#63310d	#63310d	#ffcad2	#ffcad2	#b68289	#b68289
#bc9478	#bc9478	#4f270a	#4f270a	#ffd5db	#ffd5db	#91686e	#91686e
#cdaf99	#cdaf99	#3b1d08	#3b1d08	#ffdfe4	#ffdfe4	#6d4e52	#6d4e52
#ddc9bb	#ddc9bb	#271305	#271305	#ffeaed	#ffeaed	#483437	#483437
#eee4dd	#eee4dd	#130902	#130902	#fff4f6	#fff4f6	#241a1b	#241a1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe saddlebrown und Farbwert #ffb6c1

Wechsel der Textfarbe bei Hover von Tag thead

Die Textfarbe soll sich von Farbe saddlebrown auf Farbwert #ffb6c1 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <thead> in Farbe saddlebrown vor.

Wir ändern zum Beispiel bei <thead> die Textfarbe auf Farbe saddlebrown. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  thead { 
    color:saddlebrown; 
    font-family:courier new;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu #ffb6c1 ändert.

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

Weiteres zum Thema können Sie in Tabellen in HTML finden. Weiteres zum hier verwendeten HTML-Tag <thead>.

Wechsel der Hintergrundfarbe bei Hover von Tag dd

Die Hintergrundfarbe soll sich von Farbe saddlebrown auf Farbwert #ffb6c1 ändern, wenn man mit der Maus auf <dd> zeigt. Wir bereiten zunächst eine Darstellung von <dd> in Farbe saddlebrown vor.

Wir legen zum Beispiel bei <dd> die Hintergrundfarbe auf Farbe saddlebrown fest. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  dd { 
    background-color:saddlebrown; 
    font-size:13px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #ffb6c1 ändert.

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

Mehr zu dd erfahren Sie in Listen und Glossare in HTML. Mehr zum hier verwendeten Befehl dd ist in der HTML Referenz bei <dd> gezeigt.