Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #db7093 und Farbwert #fa8072

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 #db7093			Schriftfarbwert #fa8072
Detail	:	Hintergrund #db7093	Detail	:	Schrift #fa8072
Farbwert	:	#db7093	Farbwert	:	#fa8072
Farbe	:	palevioletred	Farbe	:	salmon
HTML	:	#db7093	HTML	:	#fa8072
HTML (Wert)	:	#db7093	HTML (Wert)	:	#fa8072
CSS	:	#db7093	CSS	:	#fa8072
CSS (Wert)	:	#db7093	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#db7093	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(219,112,147)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(85%,43%,57%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbwert #db7093 nach Schriftfarbwert #fa8072
#db7093	#df728e	#e37489	#e87684	#ec7980	#f17b7b	#f57d76	#fa8072
#db7093	#df728e	#e37489	#e87684	#ec7980	#f17b7b	#f57d76	#fa8072

Kombination von #db7093 und #fa8072
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #db7093 ist #fa8072 ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #fa8072 und #db7093 ergibt sich zu 94.08%. Die Lesbarkeit dieser Kombination bewerte ich mit 5.92%.

Hintergrundfarbwert #db7093				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#db7093	#db7093	#db7093	#db7093	#fa8072	#fa8072	#fa8072	#fa8072
#e084a2	#e084a2	#bb607e	#bb607e	#fa9286	#fa9286	#d66d61	#d66d61
#e598b1	#e598b1	#9c5069	#9c5069	#fba49a	#fba49a	#b25b51	#b25b51
#eaadc1	#eaadc1	#7d4054	#7d4054	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#efc1d0	#efc1d0	#5d303f	#5d303f	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#f4d6e0	#f4d6e0	#3e202a	#3e202a	#fddad6	#fddad6	#472420	#472420
#f9eaef	#f9eaef	#1f1015	#1f1015	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #db7093 und Farbwert #fa8072

Wechsel der Umrandung bei Hover bei HTML-Befehl s

Die Rahmenfarbe soll sich von Farbwert #db7093 auf Farbwert #fa8072 ändern, wenn man mit der Maus auf <s> zeigt. Bereiten wir zunächst die Darstellung von <s> in Farbwert #db7093 vor.

In diesem Beispiel umranden wir <s> mit einem 2 Pixel dicken, herausstehenden Rahmen in Farbwert #db7093.

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

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #fa8072 ändert.

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

Weiteres zu s können Sie in Text in HTML nachlesen. Einzelheiten vom Tag s lesen Sie in der HTML Referenz unter <s>.