Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #b0c4de und Farbwert #afeeee

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 #b0c4de			Schriftfarbwert #afeeee
Detail	:	Hintergrund #b0c4de	Detail	:	Schrift #afeeee
Farbwert	:	#b0c4de	Farbwert	:	#afeeee
Farbe	:	lightsteelblue	Farbe	:	paleturquoise
HTML	:	#b0c4de	HTML	:	#afeeee
HTML (Wert)	:	#b0c4de	HTML (Wert)	:	#afeeee
CSS	:	#b0c4de	CSS	:	#afeeee
CSS (Wert)	:	#b0c4de	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#b0c4de	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(176,196,222)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(69%,76%,87%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbwert #b0c4de nach Schriftfarbwert #afeeee
#b0c4de	#afcae0	#afd0e2	#afd6e4	#afdce7	#afe2e9	#afe8eb	#afeeee
#b0c4de	#afcae0	#afd0e2	#afd6e4	#afdce7	#afe2e9	#afe8eb	#afeeee

Kombination von #b0c4de und #afeeee
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#afeeee eignet sich nicht als Schriftfarbe auf Hintergrund #b0c4de. Sowohl Helligkeit als auch die Farben sind zu ähnlich. Die Ähnlichkeit der Farben #afeeee und #b0c4de ergibt sich zu 93.43%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.57%.

Hintergrundfarbwert #b0c4de				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b0c4de	#b0c4de	#b0c4de	#b0c4de	#afeeee	#afeeee	#afeeee	#afeeee
#bbcce2	#bbcce2	#96a8be	#96a8be	#baf0f0	#baf0f0	#96cccc	#96cccc
#c6d4e7	#c6d4e7	#7d8c9e	#7d8c9e	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#d1ddec	#d1ddec	#64707e	#64707e	#d1f5f5	#d1f5f5	#648888	#648888
#dde5f0	#dde5f0	#4b545f	#4b545f	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#e8eef5	#e8eef5	#32383f	#32383f	#e8fafa	#e8fafa	#324444	#324444
#f3f6fa	#f3f6fa	#191c1f	#191c1f	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #b0c4de und Farbwert #afeeee

Wechsel der Hintergrundfarbe bei Hover von Tag thead

Die Hintergrundfarbe soll sich von Farbwert #b0c4de auf Farbwert #afeeee ändern, wenn man mit der Maus auf <thead> zeigt. Wir bereiten zunächst eine Darstellung von <thead> in Farbwert #b0c4de vor.

Wir legen zum Beispiel die Hintergrundfarbe von <thead> auf Farbwert #b0c4de fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  thead { 
    font-family:monospace; 
    background-color:#b0c4de;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #afeeee ändert.

<style type="text/css"><!--
  thead:hover { 
    background-color:#afeeee;
  }
//-->
</style>

Weiteres zu thead finden Sie in Tabellen in HTML. Mehr zum hier genutzten Tag thead finden Sie in der HTML Referenz unter <thead>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl legend

Die Textfarbe soll sich von Farbwert #b0c4de auf Farbwert #afeeee ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <legend> in Farbwert #b0c4de vor.

Wir legen als Beispiel Farbwert #b0c4de als Textfarbe von <legend> fest. Die Größe der Schrift verkleinern wir auf 96%.

<style type="text/css"><!--
  legend { 
    color:#b0c4de; 
    font-size:96%;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf #afeeee geändert wird.

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

Weiteres zum Thema legend können Sie in Formulare in HTML nachsehen. Mehr zum hier verwendeten Befehl legend erfahren Sie in der HTML Referenz unter <legend>.