Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #adff2f und Farbe slategray

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 #adff2f			Schriftfarbe slategray
Detail	:	Hintergrund #adff2f	Detail	:	Schrift slategray
Farbwert	:	#adff2f	Farbe	:	slategray
Farbe	:	greenyellow	Farbwert	:	#708090
HTML	:	#adff2f	HTML	:	slategray
HTML (Wert)	:	#adff2f	HTML (Wert)	:	#708090
CSS	:	#adff2f	CSS	:	slategray
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 Schriftfarbe slategray
#adff2f	#a4ec3c	#9bda4a	#92c858	#8ab666	#81a474	#789282	#708090
#adff2f	#a4ec3c	#9bda4a	#92c858	#8ab666	#81a474	#789282	#708090

Kombination von #adff2f und slategray
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #adff2f ist slategray ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von slategray und #adff2f beträgt 84.26%. Die Lesbarkeit dieser Kombination bewerte ich mit 15.74%.

Hintergrundfarbwert #adff2f				Schriftfarbe slategray
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 Farbe slategray

Wechsel der Umrandung bei Hover mit HTML-Befehl iframe

Die Rahmenfarbe soll sich von Farbwert #adff2f auf Farbe slategray ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <iframe> in Farbwert #adff2f vor.

In diesem Beispiel umranden wir <iframe> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbwert #adff2f.

<style type="text/css"><!--
  iframe { border:4px groove #adff2f; }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf slategray gesetzt wird.

<style type="text/css"><!--
  iframe: hover { 
    border-color: slategray;
  }
//-->
</style>

Mehr zum hier verwendeten HTML-Befehl <iframe>.