Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #008080 und Farbwert #00ff00

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 #008080			Schriftfarbwert #00ff00
Detail	:	Hintergrund #008080	Detail	:	Schrift #00ff00
Farbwert	:	#008080	Farbwert	:	#00ff00
Farbe	:	teal	Farbe	:	lime
HTML	:	#008080	HTML	:	#00ff00
HTML (Wert)	:	#008080	HTML (Wert)	:	#00ff00
CSS	:	#008080	CSS	:	#00ff00
CSS (Wert)	:	#008080	CSS (Wert)	:	#00ff00
CSS (kürzest)	:	#008080	CSS (kürzest)	:	#0f0
CSS (RGB)	:	rgb(0,128,128)	CSS (RGB)	:	rgb(0,255,0)
CSS (%RGB)	:	rgb(0%,50%,50%)	CSS (%RGB)	:	rgb(0%,100%,0%)

Verlauf Hintergrundfarbwert #008080 nach Schriftfarbwert #00ff00
#008080	#00926d	#00a45b	#00b649	#00c836	#00da24	#00ec12	#00ff00
#008080	#00926d	#00a45b	#00b649	#00c836	#00da24	#00ec12	#00ff00

Kombination von #008080 und #00ff00
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #00ff00 und #008080 beträgt 83.43%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 16.57%. #00ff00 eignet sich nicht als Schriftfarbe auf Hintergrund #008080. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend.

Hintergrundfarbwert #008080				Schriftfarbwert #00ff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008080	#008080	#008080	#008080	#00ff00	#00ff00	#00ff00	#00ff00
#249292	#249292	#006d6d	#006d6d	#24ff24	#24ff24	#00da00	#00da00
#48a4a4	#48a4a4	#005b5b	#005b5b	#48ff48	#48ff48	#00b600	#00b600
#6db6b6	#6db6b6	#004949	#004949	#6dff6d	#6dff6d	#009100	#009100
#91c8c8	#91c8c8	#003636	#003636	#91ff91	#91ff91	#006d00	#006d00
#b6dada	#b6dada	#002424	#002424	#b6ffb6	#b6ffb6	#004800	#004800
#daecec	#daecec	#001212	#001212	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #008080 und Farbwert #00ff00

Wechsel der Umrandung bei Hover von HTML-Befehl strong

Die Rahmenfarbe soll sich von Farbwert #008080 auf Farbwert #00ff00 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <strong> in Farbwert #008080 vor.

In diesem Beispiel umranden wir <strong> mit einem 2 Pixel dicken, doppelten Rahmen in Farbwert #008080.

<style type="text/css"><!--
  strong { border:2px double #008080; }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Rahmenfarbe auf #00ff00 gesetzt wird.

<style type="text/css"><!--
  strong: hover { 
    border-color: #00ff00;
  }
//-->
</style>

Mehr zu strong können Sie in Text in HTML nachlesen. Weiteres zum hier verwendeten Tag strong lesen Sie in der HTML Referenz unter <strong>.

Wechsel der Hintergrundfarbe bei Hover mit Tag h1

Eine Überschrift der 1. Stufe setzt man mit Befehl <h1>. Diese kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #008080 auf Farbwert #00ff00 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <h1> in Farbwert #008080 vor.

Als Beispiel legen wir bei <h1> die Hintergrundfarbe auf Farbwert #008080 fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf courier new:

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

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu #00ff00 ändert.

<style type="text/css"><!--
  h1:hover { 
    background-color:#0f0;
  }
//-->
</style>

Mehr zu h1 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Beschreibung vom hier verwendeten HTML-Tag <h1>.