Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkseagreen und Farbe lightslategray

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 darkseagreen			Schriftfarbe lightslategray
Detail	:	Hintergrund darkseagreen	Detail	:	Schrift lightslategray
Farbe	:	darkseagreen	Farbe	:	lightslategray
Farbwert	:	#8fbc8f	Farbwert	:	#778899
HTML	:	darkseagreen	HTML	:	lightslategray
HTML (Wert)	:	#8fbc8f	HTML (Wert)	:	#778899
CSS	:	darkseagreen	CSS	:	lightslategray
CSS (Wert)	:	#8fbc8f	CSS (Wert)	:	#778899
CSS (kürzest)	:	#8fbc8f	CSS (kürzest)	:	#789
CSS (RGB)	:	rgb(143,188,143)	CSS (RGB)	:	rgb(119,136,153)
CSS (%RGB)	:	rgb(56%,73%,56%)	CSS (%RGB)	:	rgb(46%,53%,60%)

Verlauf Hintergrundfarbe darkseagreen nach Schriftfarbe lightslategray
#8fbc8f	#8bb490	#88ad91	#84a593	#819e94	#7d9696	#7a8f97	#778899
#8fbc8f	#8bb490	#88ad91	#84a593	#819e94	#7d9696	#7a8f97	#778899

Kombination von darkseagreen und lightslategray
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 darkseagreen ist lightslategray ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von lightslategray und darkseagreen ergibt sich zu 91.94%. Die Lesbarkeit dieser Kombination liegt damit bei 8.06%.

Hintergrundfarbe darkseagreen				Schriftfarbe lightslategray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8fbc8f	#8fbc8f	#8fbc8f	#8fbc8f	#778899	#778899	#778899	#778899
#9fc59f	#9fc59f	#7aa17a	#7aa17a	#8a99a7	#8a99a7	#667483	#667483
#afcfaf	#afcfaf	#668666	#668666	#9daab6	#9daab6	#55616d	#55616d
#bfd8bf	#bfd8bf	#516b51	#516b51	#b1bbc4	#b1bbc4	#444d57	#444d57
#cfe2cf	#cfe2cf	#3d503d	#3d503d	#c4ccd3	#c4ccd3	#333a41	#333a41
#dfebdf	#dfebdf	#283528	#283528	#d8dde1	#d8dde1	#22262b	#22262b
#eff5ef	#eff5ef	#141a14	#141a14	#ebeef0	#ebeef0	#111315	#111315
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe darkseagreen und Farbe lightslategray

Wechsel der Textfarbe bei Hover von Tag table

Die Textfarbe soll sich von Farbe darkseagreen auf Farbe lightslategray ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <table> in Farbe darkseagreen vor.

Wir legen in diesem Beispiel bei <table> die Textfarbe auf Farbe darkseagreen fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift setzen wir auf 10px.

<style type="text/css"><!--
  table { 
    font-family: courier new; 
    color: darkseagreen; 
    font-size: 10px;
  }
//-->
</style>

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

<style type="text/css"><!--
  table:hover { 
    color:lightslategray;
  }
//-->
</style>

Mehr zum Thema finden Sie in Tabellen in HTML. Möglichkeiten des hier gezeigten Tag table lesen Sie in der HTML Referenz unter <table>.