Ressourcen: 120 HTML Farbnamen - Kombination von Farbe slateblue 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.

Hintergrundfarbe slateblue			Schriftfarbwert #afeeee
Detail	:	Hintergrund slateblue	Detail	:	Schrift #afeeee
Farbe	:	slateblue	Farbwert	:	#afeeee
Farbwert	:	#6a5acd	Farbe	:	paleturquoise
HTML	:	slateblue	HTML	:	#afeeee
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#afeeee
CSS	:	slateblue	CSS	:	#afeeee
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#afeeee
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#afeeee
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(175,238,238)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(68%,93%,93%)

Verlauf Hintergrundfarbe slateblue nach Schriftfarbwert #afeeee
#6a5acd	#736fd1	#7d84d6	#8799db	#91aedf	#9bc3e4	#a5d8e9	#afeeee
#6a5acd	#736fd1	#7d84d6	#8799db	#91aedf	#9bc3e4	#a5d8e9	#afeeee

Kombination von slateblue und #afeeee
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #afeeee und slateblue ergibt sich zu 80.40%. Die Lesbarkeit dieser Kombination bewerte ich mit 19.60%. #afeeee ist nicht als Schriftfarbe auf Hintergrund slateblue geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe slateblue				Schriftfarbwert #afeeee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#afeeee	#afeeee	#afeeee	#afeeee
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#baf0f0	#baf0f0	#96cccc	#96cccc
#9489db	#9489db	#4b4092	#4b4092	#c5f2f2	#c5f2f2	#7daaaa	#7daaaa
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#d1f5f5	#d1f5f5	#648888	#648888
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#dcf7f7	#dcf7f7	#4b6666	#4b6666
#d4cff0	#d4cff0	#1e193a	#1e193a	#e8fafa	#e8fafa	#324444	#324444
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#f3fcfc	#f3fcfc	#192222	#192222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe slateblue und Farbwert #afeeee

Wechsel der Textfarbe bei Hover mit Tag form

Die Textfarbe soll sich von Farbe slateblue auf Farbwert #afeeee ändern, wenn man mit der Maus auf <form> zeigt. Bereiten wir zunächst die Darstellung von <form> in Farbe slateblue vor.

Zum Beispiel legen wir die Textfarbe von <form> auf Farbe slateblue fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift setzen wir auf 129%.

<style type="text/css"><!--
  form { 
    color: slateblue; 
    font-size: 129%; 
    font-family: courier new;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #afeeee gesetzt wird.

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

Mehr zum Thema form finden Sie in Formulare in HTML. Mehr zum Tag form ist in der HTML Referenz unter <form> ausführlich beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit Befehl table

Die Hintergrundfarbe soll sich von Farbe slateblue auf Farbwert #afeeee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <table> in Farbe slateblue vor.

Zum Beispiel legen wir bei <table> die Hintergrundfarbe auf Farbe slateblue fest:

<style type="text/css"><!--
  table { 
    background-color:slateblue;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #afeeee ändert.

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

Mehr zum Thema finden Sie in Tabellen in HTML. Einzelheiten vom Tag table sind in der HTML Referenz bei <table> ausführlich zusammengestellt.