Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkcyan und Farbwert #fffacd

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 darkcyan			Schriftfarbwert #fffacd
Detail	:	Hintergrund darkcyan	Detail	:	Schrift #fffacd
Farbe	:	darkcyan	Farbwert	:	#fffacd
Farbwert	:	#008b8b	Farbe	:	lemonchiffon
HTML	:	darkcyan	HTML	:	#fffacd
HTML (Wert)	:	#008b8b	HTML (Wert)	:	#fffacd
CSS	:	darkcyan	CSS	:	#fffacd
CSS (Wert)	:	#008b8b	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#008b8b	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(0,139,139)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(0%,54%,54%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbe darkcyan nach Schriftfarbwert #fffacd
#008b8b	#249a94	#48aa9d	#6dbaa7	#91cab0	#b6daba	#daeac3	#fffacd
#008b8b	#249a94	#48aa9d	#6dbaa7	#91cab0	#b6daba	#daeac3	#fffacd

Kombination von darkcyan und #fffacd
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #fffacd und darkcyan ergibt sich zu 81.38%. Die Lesbarkeit dieser Kombination liegt damit bei 18.62%. Auf Hintergrund darkcyan ist #fffacd ungeeignet, weil der Farbunterschied nicht ausreichend ist

Hintergrundfarbe darkcyan				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008b8b	#008b8b	#008b8b	#008b8b	#fffacd	#fffacd	#fffacd	#fffacd
#249b9b	#249b9b	#007777	#007777	#fffad4	#fffad4	#dad6af	#dad6af
#48acac	#48acac	#006363	#006363	#fffbdb	#fffbdb	#b6b292	#b6b292
#6dbcbc	#6dbcbc	#004f4f	#004f4f	#fffce2	#fffce2	#918e75	#918e75
#91cdcd	#91cdcd	#003b3b	#003b3b	#fffce9	#fffce9	#6d6b57	#6d6b57
#b6dddd	#b6dddd	#002727	#002727	#fffdf0	#fffdf0	#48473a	#48473a
#daeeee	#daeeee	#001313	#001313	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkcyan und Farbwert #fffacd

Wechsel der Textfarbe bei Hover von Tag thead

Die Textfarbe soll sich von Farbe darkcyan auf Farbwert #fffacd ändern, wenn man mit der Maus auf <thead> zeigt. Wir bereiten zunächst eine Formatierung von <thead> in Farbe darkcyan vor.

Als Beispiel legen wir Farbe darkcyan als Textfarbe von <thead> fest. Zwar ändern wir die Hintergrundfarbe nicht, ändern jedoch die Schriftart auf verdana und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  thead { 
    font-size: 13px; 
    font-family: verdana; 
    color: darkcyan;
  }
//-->
</style>

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

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

Weiteres zum Thema thead erfahren Sie in Tabellen in HTML. Möglichkeiten vom hier genutzten HTML-Befehl thead sind in der HTML Referenz unter <thead> ausführlich zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag strong

Die Hintergrundfarbe soll sich von Farbe darkcyan auf Farbwert #fffacd ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <strong> in Farbe darkcyan vor.

Wir legen z.B. bei <strong> die Hintergrundfarbe auf Farbe darkcyan fest. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf courier new:

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

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

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

Weiteres zu strong können Sie in Text in HTML finden. Einzelheiten vom HTML-Tag strong erfahren Sie in der HTML Referenz unter <strong>.