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

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 #ffb6c1			Schriftfarbwert #708090
Detail	:	Hintergrund #ffb6c1	Detail	:	Schrift #708090
Farbwert	:	#ffb6c1	Farbwert	:	#708090
Farbe	:	lightpink	Farbe	:	slategray
HTML	:	#ffb6c1	HTML	:	#708090
HTML (Wert)	:	#ffb6c1	HTML (Wert)	:	#708090
CSS	:	#ffb6c1	CSS	:	#708090
CSS (Wert)	:	#ffb6c1	CSS (Wert)	:	#708090
CSS (kürzest)	:	#ffb6c1	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(255,182,193)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(100%,71%,75%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbwert #ffb6c1 nach Schriftfarbwert #708090
#ffb6c1	#eaaeba	#d6a6b3	#c19eac	#ad97a5	#988f9e	#848797	#708090
#ffb6c1	#eaaeba	#d6a6b3	#c19eac	#ad97a5	#988f9e	#848797	#708090

Kombination von #ffb6c1 und #708090
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund #ffb6c1 ist #708090 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #708090 und #ffb6c1 ergibt sich zu 88.31%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 11.69%.

Hintergrundfarbwert #ffb6c1				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffb6c1	#ffb6c1	#ffb6c1	#ffb6c1	#708090	#708090	#708090	#708090
#ffc0c9	#ffc0c9	#da9ca5	#da9ca5	#84929f	#84929f	#606d7b	#606d7b
#ffcad2	#ffcad2	#b68289	#b68289	#98a4af	#98a4af	#505b66	#505b66
#ffd5db	#ffd5db	#91686e	#91686e	#adb6bf	#adb6bf	#404952	#404952
#ffdfe4	#ffdfe4	#6d4e52	#6d4e52	#c1c8cf	#c1c8cf	#30363d	#30363d
#ffeaed	#ffeaed	#483437	#483437	#d6dadf	#d6dadf	#202429	#202429
#fff4f6	#fff4f6	#241a1b	#241a1b	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffb6c1 und Farbwert #708090

Wechsel der Umrandung bei Hover bei HTML-Tag fieldset

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

In diesem Beispiel umranden wir <fieldset> mit einem 4 Pixel dicken, einfallenden Rahmen in Farbwert #ffb6c1.

<style type="text/css"><!--
  fieldset { border:4px inset #ffb6c1; }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #708090 ändert.

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

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Die Beschreibung vom Befehl fieldset erfahren Sie in der HTML Referenz unter <fieldset>.