Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffff0 und Farbe darkturquoise

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 #fffff0			Schriftfarbe darkturquoise
Detail	:	Hintergrund #fffff0	Detail	:	Schrift darkturquoise
Farbwert	:	#fffff0	Farbe	:	darkturquoise
Farbe	:	ivory	Farbwert	:	#00ced1
HTML	:	#fffff0	HTML	:	darkturquoise
HTML (Wert)	:	#fffff0	HTML (Wert)	:	#00ced1
CSS	:	#fffff0	CSS	:	darkturquoise
CSS (Wert)	:	#fffff0	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#fffff0	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(255,255,240)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(100%,100%,94%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbwert #fffff0 nach Schriftfarbe darkturquoise
#fffff0	#daf8eb	#b6f1e7	#91eae2	#6de3de	#48dcd9	#24d5d5	#00ced1
#fffff0	#daf8eb	#b6f1e7	#91eae2	#6de3de	#48dcd9	#24d5d5	#00ced1

Kombination von #fffff0 und darkturquoise
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.				Auf Hintergrund #fffff0 ist darkturquoise ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von darkturquoise und #fffff0 beträgt 90.78%. Die Lesbarkeit dieser Kombination liegt damit bei 9.22%.

Hintergrundfarbwert #fffff0				Schriftfarbe darkturquoise
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffff0	#fffff0	#fffff0	#fffff0	#00ced1	#00ced1	#00ced1	#00ced1
#fffff2	#fffff2	#dadacd	#dadacd	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#fffff4	#fffff4	#b6b6ab	#b6b6ab	#48dcde	#48dcde	#009395	#009395
#fffff6	#fffff6	#919189	#919189	#6de3e4	#6de3e4	#007577	#007577
#fffff8	#fffff8	#6d6d66	#6d6d66	#91eaeb	#91eaeb	#005859	#005859
#fffffa	#fffffa	#484844	#484844	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#fffffc	#fffffc	#242422	#242422	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fffff0 und Farbe darkturquoise

Wechsel der Hintergrundfarbe bei Hover von Tag th

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

Z.B. legen wir Farbwert #fffff0 als Hintergrundfarbe von <th> fest:

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

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu darkturquoise ändert.

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

Mehr zu th finden Sie in Tabellen in HTML. Mehr zum hier gezeigten Tag th ist in der HTML Referenz bei <th> gezeigt.