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

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 #fa8072			Schriftfarbwert #b0e0e6
Detail	:	Hintergrund #fa8072	Detail	:	Schrift #b0e0e6
Farbwert	:	#fa8072	Farbwert	:	#b0e0e6
Farbe	:	salmon	Farbe	:	powderblue
HTML	:	#fa8072	HTML	:	#b0e0e6
HTML (Wert)	:	#fa8072	HTML (Wert)	:	#b0e0e6
CSS	:	#fa8072	CSS	:	#b0e0e6
CSS (Wert)	:	#fa8072	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#fa8072	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(250,128,114)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(98%,50%,44%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbwert #fa8072 nach Schriftfarbwert #b0e0e6
#fa8072	#ef8d82	#e49b93	#daa9a3	#cfb6b4	#c5c4c4	#bad2d5	#b0e0e6
#fa8072	#ef8d82	#e49b93	#daa9a3	#cfb6b4	#c5c4c4	#bad2d5	#b0e0e6

Kombination von #fa8072 und #b0e0e6
Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#b0e0e6 eignet sich nicht als Schriftfarbe auf Hintergrund #fa8072. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #b0e0e6 und #fa8072 ergibt sich zu 91.69%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.31%.

Hintergrundfarbwert #fa8072				Schriftfarbwert #b0e0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fa8072	#fa8072	#fa8072	#fa8072	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#fa9286	#fa9286	#d66d61	#d66d61	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#fba49a	#fba49a	#b25b51	#b25b51	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#fcb6ae	#fcb6ae	#8e4941	#8e4941	#d1edf0	#d1edf0	#648083	#648083
#fcc8c2	#fcc8c2	#6b3630	#6b3630	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#fddad6	#fddad6	#472420	#472420	#e8f6f7	#e8f6f7	#324041	#324041
#feecea	#feecea	#231210	#231210	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fa8072 und Farbwert #b0e0e6

Wechsel der Umrandung bei Hover bei Tag dd

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

In diesem Beispiel umranden wir <dd> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbwert #fa8072.

<style type="text/css"><!--
  dd { border:1px dashed #fa8072; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #b0e0e6 ändert.

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

Weiteres zu dd lesen Sie in Listen und Glossare in HTML. Der hier gezeigte HTML-Befehl dd ist in der HTML Referenz unter <dd> zusammengestellt.