Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ff6347 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.

Hintergrundfarbwert #ff6347			Schriftfarbwert #ffb6c1
Detail	:	Hintergrund #ff6347	Detail	:	Schrift #ffb6c1
Farbwert	:	#ff6347	Farbwert	:	#ffb6c1
Farbe	:	tomato	Farbe	:	lightpink
HTML	:	#ff6347	HTML	:	#ffb6c1
HTML (Wert)	:	#ff6347	HTML (Wert)	:	#ffb6c1
CSS	:	#ff6347	CSS	:	#ffb6c1
CSS (Wert)	:	#ff6347	CSS (Wert)	:	#ffb6c1
CSS (kürzest)	:	#ff6347	CSS (kürzest)	:	#ffb6c1
CSS (RGB)	:	rgb(255,99,71)	CSS (RGB)	:	rgb(255,182,193)
CSS (%RGB)	:	rgb(100%,38%,27%)	CSS (%RGB)	:	rgb(100%,71%,75%)

Verlauf Hintergrundfarbwert #ff6347 nach Schriftfarbwert #ffb6c1
#ff6347	#ff6e58	#ff7a69	#ff867b	#ff928c	#ff9e9e	#ffaaaf	#ffb6c1
#ff6347	#ff6e58	#ff7a69	#ff867b	#ff928c	#ff9e9e	#ffaaaf	#ffb6c1

Kombination von #ff6347 und #ffb6c1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ff6347 ist #ffb6c1 ungeeignet, da die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind. Die Ähnlichkeit der Farben #ffb6c1 und #ff6347 ergibt sich zu 91.51%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.49%.

Hintergrundfarbwert #ff6347				Schriftfarbwert #ffb6c1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff6347	#ff6347	#ff6347	#ff6347	#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1
#ff7961	#ff7961	#da543c	#da543c	#ffc0c9	#ffc0c9	#da9ca5	#da9ca5
#ff8f7b	#ff8f7b	#b64632	#b64632	#ffcad2	#ffcad2	#b68289	#b68289
#ffa595	#ffa595	#913828	#913828	#ffd5db	#ffd5db	#91686e	#91686e
#ffbcb0	#ffbcb0	#6d2a1e	#6d2a1e	#ffdfe4	#ffdfe4	#6d4e52	#6d4e52
#ffd2ca	#ffd2ca	#481c14	#481c14	#ffeaed	#ffeaed	#483437	#483437
#ffe8e4	#ffe8e4	#240e0a	#240e0a	#fff4f6	#fff4f6	#241a1b	#241a1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ff6347 und Farbwert #ffb6c1

Wechsel der Textfarbe bei Hover bei Tag div

Mit HTML-Befehl <div> wird ein Kontainer gesetzt und kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #ff6347 auf Farbwert #ffb6c1 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <div> in Farbwert #ff6347 vor.

Wir legen hier bei <div> die Textfarbe auf Farbwert #ff6347 fest:

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ffb6c1 gesetzt wird.

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

Weiteres zum Befehl <div>.