Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #deb887 und Farbe mediumseagreen

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 #deb887			Schriftfarbe mediumseagreen
Detail	:	Hintergrund #deb887	Detail	:	Schrift mediumseagreen
Farbwert	:	#deb887	Farbe	:	mediumseagreen
Farbe	:	burlywood	Farbwert	:	#3cb371
HTML	:	#deb887	HTML	:	mediumseagreen
HTML (Wert)	:	#deb887	HTML (Wert)	:	#3cb371
CSS	:	#deb887	CSS	:	mediumseagreen
CSS (Wert)	:	#deb887	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#deb887	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(222,184,135)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(87%,72%,52%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #deb887 nach Schriftfarbe mediumseagreen
#deb887	#c6b783	#afb680	#98b57d	#81b57a	#6ab477	#53b374	#3cb371
#deb887	#c6b783	#afb680	#98b57d	#81b57a	#6ab477	#53b374	#3cb371

Kombination von #deb887 und mediumseagreen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				mediumseagreen ist nicht als Schriftfarbe auf Hintergrund #deb887 geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von mediumseagreen und #deb887 ergibt sich zu 93.16%. Die Lesbarkeit dieser Kombination liegt damit bei 6.84%.

Hintergrundfarbwert #deb887				Schriftfarbe mediumseagreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#deb887	#deb887	#deb887	#deb887	#3cb371	#3cb371	#3cb371	#3cb371
#e2c298	#e2c298	#be9d73	#be9d73	#57bd85	#57bd85	#339960	#339960
#e7cca9	#e7cca9	#9e8360	#9e8360	#73c899	#73c899	#2a7f50	#2a7f50
#ecd6ba	#ecd6ba	#7e694d	#7e694d	#8fd3ad	#8fd3ad	#226640	#226640
#f0e0cb	#f0e0cb	#5f4e39	#5f4e39	#abdec2	#abdec2	#194c30	#194c30
#f5eadc	#f5eadc	#3f3426	#3f3426	#c7e9d6	#c7e9d6	#113320	#113320
#faf4ed	#faf4ed	#1f1a13	#1f1a13	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #deb887 und Farbe mediumseagreen

Zebra-Effekt bei HTML-Befehl th

Man redet von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbwert #deb887 und Farbe mediumseagreen.

<style type="text/css"><!--
  th.odd { 
    background-color: #deb887;
  }
  th.even { 
    background-color: mediumseagreen;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="odd">G1:1</td><td class="even">G2:1</td><td class="odd">G3:1</td></tr>
<tr><td class="odd">G1:2</td><td class="even">G2:2</td><td class="odd">G3:2</td></tr>
<tr><td class="odd">G1:3</td><td class="even">G2:3</td><td class="odd">G3:3</td></tr>
</table>

Mehr zu th können Sie in Tabellen in HTML erfahren. Weiteres zum Befehl th ist in der HTML Referenz unter <th> genau gezeigt.

Wechsel der Textfarbe bei Hover von Tag blockquote

Die Textfarbe soll sich von Farbwert #deb887 auf Farbe mediumseagreen ändern, wenn man mit der Maus auf <blockquote> zeigt. Bereiten wir zunächst eine Formatierung von <blockquote> in Farbwert #deb887 vor.

Wir setzen in diesem Beispiel bei <blockquote> die Textfarbe auf Farbwert #deb887:

<style type="text/css"><!--
  blockquote { 
    color:#deb887;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Textfarbe auf mediumseagreen ändert.

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

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Möglichkeiten vom hier verwendeten HTML-Tag blockquote sind in der HTML Referenz unter <blockquote> zusammengestellt.