Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #d3d3d3 und Farbwert #00ced1

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #d3d3d3			Schriftfarbwert #00ced1
Detail	:	Hintergrund #d3d3d3	Detail	:	Schrift #00ced1
Farbwert	:	#d3d3d3	Farbwert	:	#00ced1
Farbe	:	lightgrey	Farbe	:	darkturquoise
HTML	:	#d3d3d3	HTML	:	#00ced1
HTML (Wert)	:	#d3d3d3	HTML (Wert)	:	#00ced1
CSS	:	#d3d3d3	CSS	:	#00ced1
CSS (Wert)	:	#d3d3d3	CSS (Wert)	:	#00ced1
CSS (kürzest)	:	#d3d3d3	CSS (kürzest)	:	#00ced1
CSS (RGB)	:	rgb(211,211,211)	CSS (RGB)	:	rgb(0,206,209)
CSS (%RGB)	:	rgb(82%,82%,82%)	CSS (%RGB)	:	rgb(0%,80%,81%)

Verlauf Hintergrundfarbwert #d3d3d3 nach Schriftfarbwert #00ced1
#d3d3d3	#b4d2d2	#96d1d2	#78d0d2	#5ad0d1	#3ccfd1	#1eced1	#00ced1
#d3d3d3	#b4d2d2	#96d1d2	#78d0d2	#5ad0d1	#3ccfd1	#1eced1	#00ced1

Kombination von #d3d3d3 und #00ced1
Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				#00ced1 ist nicht als Schriftfarbe auf Hintergrund #d3d3d3 geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #00ced1 und #d3d3d3 ergibt sich zu 93.79%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.21%.

Hintergrundfarbwert #d3d3d3				Schriftfarbwert #00ced1
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3	#00ced1	#00ced1	#00ced1	#00ced1
#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4	#24d5d7	#24d5d7	#00b0b3	#00b0b3
#dfdfdf	#dfdfdf	#969696	#969696	#48dcde	#48dcde	#009395	#009395
#e5e5e5	#e5e5e5	#787878	#787878	#6de3e4	#6de3e4	#007577	#007577
#ececec	#ececec	#5a5a5a	#5a5a5a	#91eaeb	#91eaeb	#005859	#005859
#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c	#b6f1f1	#b6f1f1	#003a3b	#003a3b
#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e	#daf8f8	#daf8f8	#001d1d	#001d1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #d3d3d3 und Farbwert #00ced1

Wechsel der Textfarbe bei Hover mit Tag thead

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

Z.B. setzen wir die Textfarbe von <thead> auf Farbwert #d3d3d3. Zwar behalten wir die Hintergrundfarbe bei, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  thead { 
    font-family: verdana; 
    color: #d3d3d3;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #00ced1 ändert.

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

Mehr zu thead lesen Sie in Tabellen in HTML. Beschreibung des hier verwendeten Befehl <thead>.