Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #90ee90 und Farbwert #fafad2

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #90ee90			Schriftfarbwert #fafad2
Detail	:	Hintergrund #90ee90	Detail	:	Schrift #fafad2
Farbwert	:	#90ee90	Farbwert	:	#fafad2
Farbe	:	lightgreen	Farbe	:	lightgoldenrodyellow
HTML	:	#90ee90	HTML	:	#fafad2
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#fafad2
CSS	:	#90ee90	CSS	:	#fafad2
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#fafad2
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#fafad2
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(250,250,210)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(98%,98%,82%)

Verlauf Hintergrundfarbwert #90ee90 nach Schriftfarbwert #fafad2
#90ee90	#9fef99	#aef1a2	#bdf3ac	#ccf4b5	#dbf6bf	#eaf8c8	#fafad2
#90ee90	#9fef99	#aef1a2	#bdf3ac	#ccf4b5	#dbf6bf	#eaf8c8	#fafad2

Kombination von #90ee90 und #fafad2
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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fafad2 ist nicht als Schriftfarbe auf Hintergrund #90ee90 geeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #fafad2 und #90ee90 ergibt sich zu 93.68%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.32%.

Hintergrundfarbwert #90ee90				Schriftfarbwert #fafad2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#fafad2	#fafad2	#fafad2	#fafad2
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#fafad8	#fafad8	#d6d6b4	#d6d6b4
#aff2af	#aff2af	#66aa66	#66aa66	#fbfbde	#fbfbde	#b2b296	#b2b296
#bff5bf	#bff5bf	#528852	#528852	#fcfce5	#fcfce5	#8e8e78	#8e8e78
#cff7cf	#cff7cf	#3d663d	#3d663d	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
#dffadf	#dffadf	#294429	#294429	#fdfdf2	#fdfdf2	#47473c	#47473c
#effcef	#effcef	#142214	#142214	#fefef8	#fefef8	#23231e	#23231e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #90ee90 und Farbwert #fafad2

Wechsel der Hintergrundfarbe bei Hover mit Tag a

Ein Hyperlink wird mit Befehl <a> gesetzt. Dieser kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #90ee90 auf Farbwert #fafad2 ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbwert #90ee90 vor.

Zum Beispiel legen wir Farbwert #90ee90 als Hintergrundfarbe von <a> fest. Die Textfarbe verändern wir nicht. Die Schriftart ändern wir auf courier new.

<style type="text/css"><!--
  a { 
    font-family: courier new; 
    background-color: #90ee90;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #fafad2 ändert.

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

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Mehr zum hier genutzten Befehl <a>.

Hintergrund/Text-Kombination von Befehl center

In diesem Beispiel ändern wir die Textfarbe von <center> auf Farbwert #fafad2 und die Hintergrundfarbe von <center> auf Farbwert #90ee90. Als Schriftart wählen wir arial. Als Schriftgröße wählen wir 9px.

<style type="text/css"><!--
  center { 
    color:#fafad2; 
    font-family:arial; 
    font-size:9px; 
    background-color:#90ee90;
  }
//-->
</style>

Weiteres zu center finden Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom Befehl <center>.