Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightgreen und Farbwert #00008b

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 lightgreen			Schriftfarbwert #00008b
Detail	:	Hintergrund lightgreen	Detail	:	Schrift #00008b
Farbe	:	lightgreen	Farbwert	:	#00008b
Farbwert	:	#90ee90	Farbe	:	darkblue
HTML	:	lightgreen	HTML	:	#00008b
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#00008b
CSS	:	lightgreen	CSS	:	#00008b
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbe lightgreen nach Schriftfarbwert #00008b
#90ee90	#7bcc8f	#66aa8e	#52888d	#3d668d	#29448c	#14228b	#00008b
#90ee90	#7bcc8f	#66aa8e	#52888d	#3d668d	#29448c	#14228b	#00008b

Kombination von lightgreen und #00008b
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #00008b und lightgreen beträgt 48.60%. Die Lesbarkeit dieser Kombination ergibt sich zu 51.40%. #00008b ist nicht als Schriftfarbe auf Hintergrund lightgreen geeignet, da sich die Farben zu ähnlich sind.

Hintergrundfarbe lightgreen				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#00008b	#00008b	#00008b	#00008b
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#24249b	#24249b	#000077	#000077
#aff2af	#aff2af	#66aa66	#66aa66	#4848ac	#4848ac	#000063	#000063
#bff5bf	#bff5bf	#528852	#528852	#6d6dbc	#6d6dbc	#00004f	#00004f
#cff7cf	#cff7cf	#3d663d	#3d663d	#9191cd	#9191cd	#00003b	#00003b
#dffadf	#dffadf	#294429	#294429	#b6b6dd	#b6b6dd	#000027	#000027
#effcef	#effcef	#142214	#142214	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgreen und Farbwert #00008b

Hintergrund/Text-Kombination von Befehl center

Wir ändern in diesem Beispiel die Textfarbe von <center> auf Farbwert #00008b und die Hintergrundfarbe von <center> auf Farbe lightgreen. Die Schriftart setzen wir auf arial und als Schriftgröße setzen wir 127%.

<style type="text/css"><!--
  center { 
    font-family: arial; 
    background-color: lightgreen; 
    color: #00008b; 
    font-size: 127%;
  }
//-->
</style>

Mehr zum Thema center erfahren Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier gezeigten HTML-Tag center erfahren Sie in der HTML Referenz unter <center>.

Wechsel der Textfarbe bei Hover mit HTML-Befehl h6

Mit Befehl <h6> erzeugen Sie eine Überschrift der 6. Stufe. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbe lightgreen auf Farbwert #00008b ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h6> in Farbe lightgreen vor.

Zum Beispiel legen wir Farbe lightgreen als Textfarbe von <h6> fest. Die Hintergrundfarbe verändern wir nicht, ändern jedoch die Schriftart auf monospace und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  h6 { 
    font-size: 13px; 
    font-family: monospace; 
    color: lightgreen;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu #00008b ändert.

<style type="text/css"><!--
  h6:hover { 
    color:#00008b;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung vom hier gezeigten Befehl <h6>.