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

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.

Hintergrundfarbe slategray			Schriftfarbwert #9acd32
Detail	:	Hintergrund slategray	Detail	:	Schrift #9acd32
Farbe	:	slategray	Farbwert	:	#9acd32
Farbwert	:	#708090	Farbe	:	yellowgreen
HTML	:	slategray	HTML	:	#9acd32
HTML (Wert)	:	#708090	HTML (Wert)	:	#9acd32
CSS	:	slategray	CSS	:	#9acd32
CSS (Wert)	:	#708090	CSS (Wert)	:	#9acd32
CSS (kürzest)	:	#708090	CSS (kürzest)	:	#9acd32
CSS (RGB)	:	rgb(112,128,144)	CSS (RGB)	:	rgb(154,205,50)
CSS (%RGB)	:	rgb(43%,50%,56%)	CSS (%RGB)	:	rgb(60%,80%,19%)

Verlauf Hintergrundfarbe slategray nach Schriftfarbwert #9acd32
#708090	#768b82	#7c9675	#82a167	#88ac5a	#8eb74c	#94c23f	#9acd32
#708090	#768b82	#7c9675	#82a167	#88ac5a	#8eb74c	#94c23f	#9acd32

Kombination von slategray und #9acd32
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #9acd32 und slategray ergibt sich zu 89.75%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 10.25%. Auf Hintergrund slategray ist #9acd32 ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe slategray				Schriftfarbwert #9acd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#708090	#708090	#708090	#708090	#9acd32	#9acd32	#9acd32	#9acd32
#84929f	#84929f	#606d7b	#606d7b	#a8d44f	#a8d44f	#84af2a	#84af2a
#98a4af	#98a4af	#505b66	#505b66	#b6db6c	#b6db6c	#6e9223	#6e9223
#adb6bf	#adb6bf	#404952	#404952	#c5e289	#c5e289	#58751c	#58751c
#c1c8cf	#c1c8cf	#30363d	#30363d	#d3e9a7	#d3e9a7	#425715	#425715
#d6dadf	#d6dadf	#202429	#202429	#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e
#eaecef	#eaecef	#101214	#101214	#f0f7e1	#f0f7e1	#161d07	#161d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe slategray und Farbwert #9acd32

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl dt

Die Hintergrundfarbe soll sich von Farbe slategray auf Farbwert #9acd32 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <dt> in Farbe slategray vor.

Als Beispiel legen wir Farbe slategray als Hintergrundfarbe von <dt> fest:

<style type="text/css"><!--
  dt { 
    background-color:slategray;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #9acd32 ändert.

<style type="text/css"><!--
  dt:hover { 
    background-color:#9acd32;
  }
//-->
</style>

Mehr zum Thema finden Sie in Listen und Glossare in HTML. Mehr zum HTML-Tag dt ist in der HTML Referenz bei <dt> genau gezeigt.

Wechsel der Umrandung bei Hover bei Befehl td

Die Rahmenfarbe soll sich von Farbe slategray auf Farbwert #9acd32 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <td> in Farbe slategray vor.

In diesem Beispiel umranden wir <td> mit einem 5 Pixel dicken, gefurchten Rahmen in Farbe slategray.

<style type="text/css"><!--
  td { 
    border-color: slategray; 
    border-width: 5px; 
    border-style: groove;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Rahmenfarbe auf #9acd32 geändert wird.

<style type="text/css"><!--
  td:hover { 
    border-color:#9acd32;
  }
//-->
</style>

Weiteres zum Thema td finden Sie in Tabellen in HTML. Der Tag td ist in der HTML Referenz bei <td> ausführlich gezeigt.