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

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 #fafad2
Detail	:	Hintergrund mediumseagreen	Detail	:	Schrift #fafad2
Farbe	:	mediumseagreen	Farbwert	:	#fafad2
Farbwert	:	#3cb371	Farbe	:	lightgoldenrodyellow
HTML	:	mediumseagreen	HTML	:	#fafad2
HTML (Wert)	:	#3cb371	HTML (Wert)	:	#fafad2
CSS	:	mediumseagreen	CSS	:	#fafad2
CSS (Wert)	:	#3cb371	CSS (Wert)	:	#fafad2
CSS (kürzest)	:	#3cb371	CSS (kürzest)	:	#fafad2
CSS (RGB)	:	rgb(60,179,113)	CSS (RGB)	:	rgb(250,250,210)
CSS (%RGB)	:	rgb(23%,70%,44%)	CSS (%RGB)	:	rgb(98%,98%,82%)

Verlauf Hintergrundfarbe mediumseagreen nach Schriftfarbwert #fafad2
#3cb371	#57bd7e	#72c78c	#8dd19a	#a8dba8	#c3e5b6	#deefc4	#fafad2
#3cb371	#57bd7e	#72c78c	#8dd19a	#a8dba8	#c3e5b6	#deefc4	#fafad2

Kombination von mediumseagreen und #fafad2
Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#fafad2 eignet sich nicht als Schriftfarbe auf Hintergrund mediumseagreen, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben #fafad2 und mediumseagreen ergibt sich zu 88.11%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 11.89%.

Hintergrundfarbe mediumseagreen				Schriftfarbwert #fafad2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#3cb371	#3cb371	#3cb371	#3cb371	#fafad2	#fafad2	#fafad2	#fafad2
#57bd85	#57bd85	#339960	#339960	#fafad8	#fafad8	#d6d6b4	#d6d6b4
#73c899	#73c899	#2a7f50	#2a7f50	#fbfbde	#fbfbde	#b2b296	#b2b296
#8fd3ad	#8fd3ad	#226640	#226640	#fcfce5	#fcfce5	#8e8e78	#8e8e78
#abdec2	#abdec2	#194c30	#194c30	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
#c7e9d6	#c7e9d6	#113320	#113320	#fdfdf2	#fdfdf2	#47473c	#47473c
#e3f4ea	#e3f4ea	#081910	#081910	#fefef8	#fefef8	#23231e	#23231e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumseagreen und Farbwert #fafad2

Füllen und Umranden von Tag center

Bei diesem Beispiel umranden wir <center> mit einem einfallenden, 2 Pixel dicken Rahmen in Farbwert #fafad2 . Die Hintergrundfarbe für <center> setzen wir entsprechend auf Farbe mediumseagreen. Mit HTML geht dies kaum. Daher verwenden wir CSS.

<style type="text/css"><!--
  center { 
    border-style: inset; 
    border-color: #fafad2; 
    border-width: 2px; 
    background-color: mediumseagreen;
  }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Zur Beschreibung vom HTML-Befehl <center>.

Wechsel der Hintergrundfarbe bei Hover bei Tag td

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

Z.B. legen wir bei <td> die Hintergrundfarbe auf Farbe mediumseagreen fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  td { 
    font-family: courier new; 
    background-color: mediumseagreen;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #fafad2 geändert wird.

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

Mehr zu td lesen Sie in Tabellen in HTML. Einzelheiten vom Tag td erfahren Sie in der HTML Referenz unter <td>.