Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightgreen und Farbwert #00fa9a

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 #00fa9a
Detail	:	Hintergrund lightgreen	Detail	:	Schrift #00fa9a
Farbe	:	lightgreen	Farbwert	:	#00fa9a
Farbwert	:	#90ee90	Farbe	:	mediumspringgreen
HTML	:	lightgreen	HTML	:	#00fa9a
HTML (Wert)	:	#90ee90	HTML (Wert)	:	#00fa9a
CSS	:	lightgreen	CSS	:	#00fa9a
CSS (Wert)	:	#90ee90	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#90ee90	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(144,238,144)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(56%,93%,56%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbe lightgreen nach Schriftfarbwert #00fa9a
#90ee90	#7bef91	#66f192	#52f394	#3df495	#29f697	#14f898	#00fa9a
#90ee90	#7bef91	#66f192	#52f394	#3df495	#29f697	#14f898	#00fa9a

Kombination von lightgreen und #00fa9a
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 der Farben #00fa9a und lightgreen ergibt sich zu 95.13%. Die Lesbarkeit dieser Kombination liegt damit bei 4.87%. Auf Hintergrund lightgreen ist #00fa9a ungeeignet, da sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbe lightgreen				Schriftfarbwert #00fa9a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#90ee90	#90ee90	#90ee90	#90ee90	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#9ff09f	#9ff09f	#7bcc7b	#7bcc7b	#24faa8	#24faa8	#00d684	#00d684
#aff2af	#aff2af	#66aa66	#66aa66	#48fbb6	#48fbb6	#00b26e	#00b26e
#bff5bf	#bff5bf	#528852	#528852	#6dfcc5	#6dfcc5	#008e58	#008e58
#cff7cf	#cff7cf	#3d663d	#3d663d	#91fcd3	#91fcd3	#006b42	#006b42
#dffadf	#dffadf	#294429	#294429	#b6fde2	#b6fde2	#00472c	#00472c
#effcef	#effcef	#142214	#142214	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgreen und Farbwert #00fa9a

Text- und Unterstreichungsfarben von HTML-Tag a

Einen Link erzeugt man mit HTML-Tag <a>. Dieser kann farblich gestaltet werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #00fa9a. Die Schriftart ändern wir auf verdana. Die Schriftgröße setzen wir auf 13px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gestrichelten Rahmens mit 1 Pixel Dicke in Farbe lightgreen. Dies geht mit HTML kaum. Deshalb nutzen wir CSS.

<style type="text/css"><!--
  a { 
    color:#00fa9a; 
    font-family:verdana; 
    border-bottom-width:1px; 
    border-bottom-style:dashed; 
    border-bottom-color:lightgreen; 
    font-size:13px;
  }
//-->
</style>

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

Mehr zum Thema a lesen Sie in Verweise und Protokolle in HTML. Beschreibung vom Befehl <a>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag thead

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

Als Beispiel setzen wir die Hintergrundfarbe von <thead> auf Farbe lightgreen. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf verdana.

<style type="text/css"><!--
  thead { 
    font-family: verdana; 
    background-color: lightgreen;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe zu #00fa9a ändert.

<style type="text/css"><!--
  thead: hover { 
    background-color: #00fa9a;
  }
//-->
</style>

Mehr zu thead können Sie in Tabellen in HTML finden. Einzelheiten vom hier verwendeten HTML-Befehl thead sind in der HTML Referenz unter <thead> genau zusammengestellt.