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

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 mediumseagreen			Schriftfarbwert #a52a2a
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #a52a2a
Farbe	:	mediumseagreen	Farbwert	:	#a52a2a
Farbwert	:	#3cb371	Farbe	:	brown
HTML	:	mediumseagreen	HTML	:	#a52a2a
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#a52a2a
CSS	:	mediumseagreen	CSS	:	#a52a2a
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #a52a2a
#3cb371	#4b9f66	#5a8b5c	#697852	#786448	#87513e	#963d34	#a52a2a
#3cb371	#4b9f66	#5a8b5c	#697852	#786448	#87513e	#963d34	#a52a2a

Kombination von mediumseagreen und #a52a2a
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #a52a2a und mediumseagreen beträgt 87.34%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 12.66%. #a52a2a eignet sich nicht als Schriftfarbe auf Hintergrund mediumseagreen, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe mediumseagreen				Schriftfarbwert #a52a2a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#57bd85	#57bd85	#339960	#339960	#b14848	#b14848	#8d2424	#8d2424
#73c899	#73c899	#2a7f50	#2a7f50	#be6666	#be6666	#751e1e	#751e1e
#8fd3ad	#8fd3ad	#226640	#226640	#cb8585	#cb8585	#5e1818	#5e1818
#abdec2	#abdec2	#194c30	#194c30	#d8a3a3	#d8a3a3	#461212	#461212
#c7e9d6	#c7e9d6	#113320	#113320	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#e3f4ea	#e3f4ea	#081910	#081910	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #a52a2a

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag dfn

Die Hintergrundfarbe soll sich von Farbe mediumseagreen auf Farbwert #a52a2a ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <dfn> in Farbe mediumseagreen vor.

Wir legen hier die Hintergrundfarbe von <dfn> auf Farbe mediumseagreen fest. Zwar verändern wir die Textfarbe nicht, ändern jedoch die Schriftart auf sans-serif. Die Schriftgröße setzen wir auf 83%.

<style type="text/css"><!--
  dfn { 
    background-color: mediumseagreen; 
    font-family: sans-serif; 
    font-size: 83%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #a52a2a gesetzt wird.

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

Weiteres zum Thema finden Sie in Text in HTML. Weiteres zum HTML-Tag dfn erfahren Sie in der HTML Referenz unter <dfn>.

Wechsel der Umrandung bei Hover von Tag th

Die Rahmenfarbe soll sich von Farbe mediumseagreen auf Farbwert #a52a2a ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <th> in Farbe mediumseagreen vor.

In diesem Beispiel umranden wir <th> mit einem 5 Pixel dicken, gezahnten Rahmen in Farbe mediumseagreen.

<style type="text/css"><!--
  th { 
    border-color: mediumseagreen; 
    border-width: 5px; 
    border-style: ridge;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #a52a2a ändert.

<style type="text/css"><!--
  th:hover { 
    border-color:#a52a2a;
  }
//-->
</style>

Mehr zum Thema th können Sie in Tabellen in HTML lesen. Die Beschreibung des hier verwendeten Befehl th finden Sie in der HTML Referenz unter <th>.