Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #adff2f und Farbwert #708090

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 #adff2f			Schriftfarbwert #708090
Detail	:	Hintergrund #adff2f	Detail	:	Schrift #708090
Farbwert	:	#adff2f	Farbwert	:	#708090
Farbe	:	greenyellow	Farbe	:	slategray
HTML	:	#adff2f	HTML	:	#708090
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#708090
CSS	:	#adff2f	CSS	:	#708090
CSS (Wert)	:	#adff2f	CSS (Wert)	:	#708090
CSS (kürzest)	:	#adff2f	CSS (kürzest)	:	#708090
CSS (RGB)	:	rgb(173,255,47)	CSS (RGB)	:	rgb(112,128,144)
CSS (%RGB)	:	rgb(67%,100%,18%)	CSS (%RGB)	:	rgb(43%,50%,56%)

Verlauf Hintergrundfarbwert #adff2f nach Schriftfarbwert #708090
#adff2f	#a4ec3c	#9bda4a	#92c858	#8ab666	#81a474	#789282	#708090
#adff2f	#a4ec3c	#9bda4a	#92c858	#8ab666	#81a474	#789282	#708090

Kombination von #adff2f und #708090
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#708090 eignet sich nicht als Schriftfarbe auf Hintergrund #adff2f, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben #708090 und #adff2f beträgt 84.26%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 15.74%.

Hintergrundfarbwert #adff2f				Schriftfarbwert #708090
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#adff2f	#adff2f	#adff2f	#adff2f	#708090	#708090	#708090	#708090
#b8ff4c	#b8ff4c	#94da28	#94da28	#84929f	#84929f	#606d7b	#606d7b
#c4ff6a	#c4ff6a	#7bb621	#7bb621	#98a4af	#98a4af	#505b66	#505b66
#d0ff88	#d0ff88	#62911a	#62911a	#adb6bf	#adb6bf	#404952	#404952
#dbffa5	#dbffa5	#4a6d14	#4a6d14	#c1c8cf	#c1c8cf	#30363d	#30363d
#e7ffc3	#e7ffc3	#31480d	#31480d	#d6dadf	#d6dadf	#202429	#202429
#f3ffe1	#f3ffe1	#182406	#182406	#eaecef	#eaecef	#101214	#101214
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #adff2f und Farbwert #708090

Wechsel der Textfarbe bei Hover mit HTML-Befehl dfn

Die Textfarbe soll sich von Farbwert #adff2f auf Farbwert #708090 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <dfn> in Farbwert #adff2f vor.

In diesem Beispiel legen wir die Textfarbe von <dfn> auf Farbwert #adff2f fest. Die Hintergrundfarbe verändern wir nicht, setzen jedoch die Schriftart auf courier new.

<style type="text/css"><!--
  dfn { 
    font-family: courier new; 
    color: #adff2f;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #708090 gesetzt wird.

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

Weiteres zum Thema dfn können Sie in Text in HTML finden. Weiteres zum Befehl dfn ist in der HTML Referenz bei <dfn> ausführlich zusammengestellt.