Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f0f8ff und Farbwert #dc143c

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 #f0f8ff			Schriftfarbwert #dc143c
Detail	:	Hintergrund #f0f8ff	Detail	:	Schrift #dc143c
Farbwert	:	#f0f8ff	Farbwert	:	#dc143c
Farbe	:	aliceblue	Farbe	:	crimson
HTML	:	#f0f8ff	HTML	:	#dc143c
HTML (Wert)	:	#f0f8ff	HTML (Wert)	:	#dc143c
CSS	:	#f0f8ff	CSS	:	#dc143c
CSS (Wert)	:	#f0f8ff	CSS (Wert)	:	#dc143c
CSS (kürzest)	:	#f0f8ff	CSS (kürzest)	:	#dc143c
CSS (RGB)	:	rgb(240,248,255)	CSS (RGB)	:	rgb(220,20,60)
CSS (%RGB)	:	rgb(94%,97%,100%)	CSS (%RGB)	:	rgb(86%,7%,23%)

Verlauf Hintergrundfarbwert #f0f8ff nach Schriftfarbwert #dc143c
#f0f8ff	#edd7e3	#eab6c7	#e796ab	#e4758f	#e15573	#de3457	#dc143c
#f0f8ff	#edd7e3	#eab6c7	#e796ab	#e4758f	#e15573	#de3457	#dc143c

Kombination von #f0f8ff und #dc143c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				Die Ähnlichkeit von #dc143c und #f0f8ff beträgt 77.85%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 22.15%. #dc143c eignet sich nicht als Schriftfarbe auf Hintergrund #f0f8ff, weil der Farbunterschied nicht ausreichend ist

Hintergrundfarbwert #f0f8ff				Schriftfarbwert #dc143c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0f8ff	#f0f8ff	#f0f8ff	#f0f8ff	#dc143c	#dc143c	#dc143c	#dc143c
#f2f9ff	#f2f9ff	#cdd4da	#cdd4da	#e13557	#e13557	#bc1133	#bc1133
#f4faff	#f4faff	#abb1b6	#abb1b6	#e65773	#e65773	#9d0e2a	#9d0e2a
#f6fbff	#f6fbff	#898d91	#898d91	#eb788f	#eb788f	#7d0b22	#7d0b22
#f8fcff	#f8fcff	#666a6d	#666a6d	#f09aab	#f09aab	#5e0819	#5e0819
#fafdff	#fafdff	#444648	#444648	#f5bbc7	#f5bbc7	#3e0511	#3e0511
#fcfeff	#fcfeff	#222324	#222324	#fadde3	#fadde3	#1f0208	#1f0208
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f0f8ff und Farbwert #dc143c

Wechsel der Textfarbe bei Hover bei Tag tfoot

Die Textfarbe soll sich von Farbwert #f0f8ff auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <tfoot> in Farbwert #f0f8ff vor.

Als Beispiel legen wir Farbwert #f0f8ff als Textfarbe von <tfoot> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new. Die Schriftgröße verringern wir auf 83%:

<style type="text/css"><!--
  tfoot { 
    font-size: 83%; 
    font-family: courier new; 
    color: #f0f8ff;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe zu #dc143c ändert.

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

Mehr zu tfoot finden Sie in Tabellen in HTML. Mehr zum HTML-Befehl <tfoot>.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag th

Die Hintergrundfarbe soll sich von Farbwert #f0f8ff auf Farbwert #dc143c ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <th> in Farbwert #f0f8ff vor.

Wir legen für dieses Beispiel Farbwert #f0f8ff als Hintergrundfarbe von <th> fest. Die Textfarbe ändern wir nicht. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße verkleinern wir auf 89%.

<style type="text/css"><!--
  th { 
    font-family: sans-serif; 
    background-color: #f0f8ff; 
    font-size: 89%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #dc143c geändert wird.

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

Mehr zu th können Sie in Tabellen in HTML finden. Möglichkeiten des HTML-Befehl th sind in der HTML Referenz unter <th> genau beschrieben.