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

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.

Hintergrundfarbwert #ff69b4			Schriftfarbe saddlebrown
Detail	:	Hintergrund #ff69b4	Detail	:	Schrift saddlebrown
Farbwert	:	#ff69b4	Farbe	:	saddlebrown
Farbe	:	hotpink	Farbwert	:	#8b4513
HTML	:	#ff69b4	HTML	:	saddlebrown
HTML (Wert)	:	#ff69b4	HTML (Wert)	:	#8b4513
CSS	:	#ff69b4	CSS	:	saddlebrown
CSS (Wert)	:	#ff69b4	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#ff69b4	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(255,105,180)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(100%,41%,70%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbwert #ff69b4 nach Schriftfarbe saddlebrown
#ff69b4	#ee639d	#dd5e86	#cd596f	#bc5458	#ac4f41	#9b4a2a	#8b4513
#ff69b4	#ee639d	#dd5e86	#cd596f	#bc5458	#ac4f41	#9b4a2a	#8b4513

Kombination von #ff69b4 und saddlebrown
Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #ff69b4 ist saddlebrown ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben saddlebrown und #ff69b4 ergibt sich zu 87.23%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.77%.

Hintergrundfarbwert #ff69b4				Schriftfarbe saddlebrown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff69b4	#ff69b4	#ff69b4	#ff69b4	#8b4513	#8b4513	#8b4513	#8b4513
#ff7ebe	#ff7ebe	#da5a9a	#da5a9a	#9b5f34	#9b5f34	#773b10	#773b10
#ff93c9	#ff93c9	#b64b80	#b64b80	#ac7a56	#ac7a56	#63310d	#63310d
#ffa9d4	#ffa9d4	#913c66	#913c66	#bc9478	#bc9478	#4f270a	#4f270a
#ffbede	#ffbede	#6d2d4d	#6d2d4d	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#ffd4e9	#ffd4e9	#481e33	#481e33	#ddc9bb	#ddc9bb	#271305	#271305
#ffe9f4	#ffe9f4	#240f19	#240f19	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff69b4 und Farbe saddlebrown

Wechsel der Textfarbe bei Hover mit Befehl caption

Die Textfarbe soll sich von Farbwert #ff69b4 auf Farbe saddlebrown ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <caption> in Farbwert #ff69b4 vor.

Als Beispiel legen wir die Textfarbe von <caption> auf Farbwert #ff69b4 fest.

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

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf saddlebrown ändert.

<style type="text/css"><!--
  caption: hover { 
    color: saddlebrown;
  }
//-->
</style>

Weiteres zum Thema caption können Sie in Tabellen in HTML nachlesen. Einzelheiten vom HTML-Tag <caption>.

Hintergrund/Text-Kombination von Befehl pre

Wir ändern für dieses Beispiel die Textfarbe von <pre> auf Farbe saddlebrown und die Hintergrundfarbe von <pre> auf Farbwert #ff69b4. Die Schriftart setzen wir auf arial und als Schriftgröße entscheiden wir uns für 11pt.

<style type="text/css"><!--
  pre { 
    background-color: #ff69b4; 
    font-family: arial; 
    font-size: 11pt; 
    color: saddlebrown;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Möglichkeiten vom HTML-Tag pre sind in der HTML Referenz bei <pre> genau zusammengestellt.