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

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 #ffc0cb			Schriftfarbe darkcyan
Detail	:	Hintergrund #ffc0cb	Detail	:	Schrift darkcyan
Farbwert	:	#ffc0cb	Farbe	:	darkcyan
Farbe	:	pink	Farbwert	:	#008b8b
HTML	:	#ffc0cb	HTML	:	darkcyan
HTML (Wert)	:	#ffc0cb	HTML (Wert)	:	#008b8b
CSS	:	#ffc0cb	CSS	:	darkcyan
CSS (Wert)	:	#ffc0cb	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#ffc0cb	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(255,192,203)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(100%,75%,79%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbwert #ffc0cb nach Schriftfarbe darkcyan
#ffc0cb	#dab8c1	#b6b0b8	#91a9af	#6da1a6	#489a9d	#249294	#008b8b
#ffc0cb	#dab8c1	#b6b0b8	#91a9af	#6da1a6	#489a9d	#249294	#008b8b

Kombination von #ffc0cb und darkcyan
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 id velit ante.				Die Ähnlichkeit von darkcyan und #ffc0cb beträgt 87.17%. Die Lesbarkeit dieser Farbkombination liegt damit bei 12.83%. Auf Hintergrund #ffc0cb ist darkcyan ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ffc0cb				Schriftfarbe darkcyan
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffc0cb	#ffc0cb	#ffc0cb	#ffc0cb	#008b8b	#008b8b	#008b8b	#008b8b
#ffc9d2	#ffc9d2	#daa4ae	#daa4ae	#249b9b	#249b9b	#007777	#007777
#ffd2d9	#ffd2d9	#b68991	#b68991	#48acac	#48acac	#006363	#006363
#ffdbe1	#ffdbe1	#916d74	#916d74	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#ffe4e8	#ffe4e8	#6d5257	#6d5257	#91cdcd	#91cdcd	#003b3b	#003b3b
#ffedf0	#ffedf0	#48363a	#48363a	#b6dddd	#b6dddd	#002727	#002727
#fff6f7	#fff6f7	#241b1d	#241b1d	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffc0cb und Farbe darkcyan

Zebra-Effekt von HTML-Befehl th

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <th> mit unterschiedlichen Hintergrundfarben Farbwert #ffc0cb und Farbe darkcyan.

<style type="text/css"><!--
  th.ying { 
    background-color: #ffc0cb;
  }
  th.yang { 
    background-color: darkcyan;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="ying">GA/A</td><td class="yang">GB/A</td><td class="ying">GC/A</td></tr>
<tr><td class="ying">GA/B</td><td class="yang">GB/B</td><td class="ying">GC/B</td></tr>
<tr><td class="ying">GA/C</td><td class="yang">GB/C</td><td class="ying">GC/C</td></tr>
</table>

Weiteres zu th können Sie in Tabellen in HTML nachlesen. Möglichkeiten des Befehl th finden Sie in der HTML Referenz unter <th>.

Wechsel der Hintergrundfarbe bei Hover bei Tag tfoot

Die Hintergrundfarbe soll sich von Farbwert #ffc0cb auf Farbe darkcyan ändern, wenn man mit der Maus auf <tfoot> zeigt. Bereiten wir zunächst die Darstellung von <tfoot> in Farbwert #ffc0cb vor.

Wir setzen z.B. die Hintergrundfarbe von <tfoot> auf Farbwert #ffc0cb. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf sans-serif und setzen die Größe der Schrift auf 9pt:

<style type="text/css"><!--
  tfoot { 
    font-size:9pt; 
    background-color:#ffc0cb; 
    font-family:sans-serif;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf darkcyan ändert.

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

Weiteres zum Thema können Sie in Tabellen in HTML finden. Mehr zum HTML-Befehl tfoot ist in der HTML Referenz unter <tfoot> genau zusammengestellt.