Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightcyan und Farbwert #0000cd

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 lightcyan			Schriftfarbwert #0000cd
Detail	:	Hintergrund lightcyan	Detail	:	Schrift #0000cd
Farbe	:	lightcyan	Farbwert	:	#0000cd
Farbwert	:	#e0ffff	Farbe	:	mediumblue
HTML	:	lightcyan	HTML	:	#0000cd
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#0000cd
CSS	:	lightcyan	CSS	:	#0000cd
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#0000cd
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#0000cd
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(0,0,205)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(0%,0%,80%)

Verlauf Hintergrundfarbe lightcyan nach Schriftfarbwert #0000cd
#e0ffff	#c0daf7	#a0b6f0	#8091e9	#606de2	#4048db	#2024d4	#0000cd
#e0ffff	#c0daf7	#a0b6f0	#8091e9	#606de2	#4048db	#2024d4	#0000cd

Kombination von lightcyan und #0000cd
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #0000cd und lightcyan ergibt sich zu 49.59%. Die Lesbarkeit dieser Kombination liegt damit bei 50.41%. #0000cd eignet sich als Schriftfarbe auf Hintergrund lightcyan, weil sowohl der Helligkeitsunterschied als auch der Farbenunterschied geeignet sind.

Hintergrundfarbe lightcyan				Schriftfarbwert #0000cd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#0000cd	#0000cd	#0000cd	#0000cd
#e4ffff	#e4ffff	#c0dada	#c0dada	#2424d4	#2424d4	#0000af	#0000af
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#4848db	#4848db	#000092	#000092
#edffff	#edffff	#809191	#809191	#6d6de2	#6d6de2	#000075	#000075
#f1ffff	#f1ffff	#606d6d	#606d6d	#9191e9	#9191e9	#000057	#000057
#f6ffff	#f6ffff	#404848	#404848	#b6b6f0	#b6b6f0	#00003a	#00003a
#faffff	#faffff	#202424	#202424	#dadaf7	#dadaf7	#00001d	#00001d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightcyan und Farbwert #0000cd

Wechsel der Hintergrundfarbe bei Hover von Befehl dt

Die Hintergrundfarbe soll sich von Farbe lightcyan auf Farbwert #0000cd ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <dt> in Farbe lightcyan vor.

Wir legen für dieses Beispiel Farbe lightcyan als Hintergrundfarbe von <dt> fest. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  dt { 
    background-color: lightcyan; 
    font-family: courier new;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #0000cd ändert.

<style type="text/css"><!--
  dt:hover { 
    background-color:#0000cd;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Listen und Glossare in HTML. Weiteres zum HTML-Tag dt finden Sie in der HTML Referenz unter <dt>.

Hintergrund/Text-Kombination mit HTML-Tag tfoot

Hier ändern wir die Textfarbe von <tfoot> auf Farbwert #0000cd und die Hintergrundfarbe von <tfoot> auf Farbe lightcyan. Die Schriftart ändern wir auf sans-serif. Als Schriftgröße entscheiden wir uns für 94%.

<style type="text/css"><!--
  tfoot { 
    background-color:lightcyan; 
    font-size:94%; 
    color:#0000cd; 
    font-family:sans-serif;
  }
//-->
</style>

Weiteres zu tfoot finden Sie in Tabellen in HTML. Möglichkeiten vom Tag tfoot finden Sie in der HTML Referenz unter <tfoot>.