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

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.

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. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ffb6c1 und saddlebrown ergibt sich zu 79.54%. Die Lesbarkeit dieser Kombination liegt damit bei 20.46%. Auf Hintergrund saddlebrown ist #ffb6c1 ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

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 Umrandung bei Hover mit HTML-Tag cite

Die Rahmenfarbe soll sich von Farbe saddlebrown auf Farbwert #ffb6c1 ändern, wenn man mit der Maus auf <cite> zeigt. Bereiten wir zunächst die Formatierung von <cite> in Farbe saddlebrown vor.

In diesem Beispiel umranden wir <cite> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbe saddlebrown.

<style type="text/css"><!--
  cite { 
    border-style: outset; 
    border-width: 2px; 
    border-color: saddlebrown;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #ffb6c1 gesetzt wird.

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

Der Tag cite ist in der HTML Referenz unter <cite> zusammengestellt.

Hintergrund/Text-Kombination bei HTML-Befehl s

Hier ändern wir die Textfarbe von <s> auf Farbwert #ffb6c1 und die Hintergrundfarbe von <s> auf Farbe saddlebrown. Als Schriftart setzen wir courier new. Als Schriftgröße entscheiden wir uns für 13px.

<style type="text/css"><!--
  s { 
    font-size:13px; 
    color:#ffb6c1; 
    background-color:saddlebrown; 
    font-family:courier new;
  }
//-->
</style>

Mehr zum Thema s erfahren Sie in Text in HTML. Einzelheiten des Tag s sind in der HTML Referenz unter <s> ausführlich zusammengestellt.