Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lightgreen und Farbwert #006400

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.

Hintergrundfarbe lightgreen			Schriftfarbwert #006400
Detail	:	Hintergrund lightgreen	Detail	:	Schrift #006400
Farbe	:	lightgreen	Farbwert	:	#006400
Farbwert	:	#90ee90	Farbe	:	darkgreen
HTML	:	lightgreen	HTML	:	#006400
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#006400
CSS	:	lightgreen	CSS	:	#006400
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#006400
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#006400
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(0,100,0)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(0%,39%,0%)

Verlauf Hintergrundfarbe lightgreen nach Schriftfarbwert #006400
#90ee90	#7bda7b	#66c666	#52b252	#3d9f3d	#298b29	#147714	#006400
#90ee90	#7bda7b	#66c666	#52b252	#3d9f3d	#298b29	#147714	#006400

Kombination von lightgreen und #006400
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.				Die Ähnlichkeit von #006400 und lightgreen beträgt 75.00%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 25.00%. #006400 eignet sich nicht als Schriftfarbe auf Hintergrund lightgreen, weil der Unterschied in den Farben zu gering ist

Hintergrundfarbe lightgreen				Schriftfarbwert #006400
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#006400	#006400	#006400	#006400
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#247a24	#247a24	#005500	#005500
#aff2af	#aff2af	#66aa66	#66aa66	#489048	#489048	#004700	#004700
#bff5bf	#bff5bf	#528852	#528852	#6da66d	#6da66d	#003900	#003900
#cff7cf	#cff7cf	#3d663d	#3d663d	#91bc91	#91bc91	#002a00	#002a00
#dffadf	#dffadf	#294429	#294429	#b6d2b6	#b6d2b6	#001c00	#001c00
#effcef	#effcef	#142214	#142214	#dae8da	#dae8da	#000e00	#000e00
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgreen und Farbwert #006400

Text- und Unterstreichungsfarben von HTML-Tag del

Hier ändern wir die Textfarbe von <del> auf Farbwert #006400 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf arial. Die Schriftgröße verringern wir auf 81%. Wir unterstreichen den Inhalt von <del> mit Hilfe eines gepunkteten Rahmens mit 1 Pixel Dicke in Farbe lightgreen. Mit HTML geht dies kaum. Deshalb nutzen wir hier CSS.

<style type="text/css"><!--
  del { 
    font-size:81%; 
    color:#006400; 
    border-bottom-width:1px; 
    border-bottom-color:lightgreen; 
    border-bottom-style:dotted; 
    font-family:arial;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Einzelheiten des hier genutzten Befehl del sind in der HTML Referenz bei <del> genau beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl h3

Mit HTML-Befehl <h3> setzen Sie eine Überschrift. Sie kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbe lightgreen auf Farbwert #006400 ändern, wenn man mit der Maus auf <h3> zeigt. Wir bereiten zunächst eine Formatierung von <h3> in Farbe lightgreen vor.

In diesem Beispiel legen wir Farbe lightgreen als Hintergrundfarbe von <h3> fest:

<style type="text/css"><!--
  h3 { 
    background-color:lightgreen;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #006400 ändert.

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

Mehr zu h3 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum hier genutzten Befehl h3 erfahren Sie in der HTML Referenz unter <h3>.