Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #008000 und Farbwert #008080

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbwert #008000			Schriftfarbwert #008080
Detail	:	Hintergrund #008000	Detail	:	Schrift #008080
Farbwert	:	#008000	Farbwert	:	#008080
Farbe	:	green	Farbe	:	teal
HTML	:	#008000	HTML	:	#008080
HTML (Wert)	:	#008000	HTML (Wert)	:	#008080
CSS	:	#008000	CSS	:	#008080
CSS (Wert)	:	#008000	CSS (Wert)	:	#008080
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#008080
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(0,128,128)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(0%,50%,50%)

Verlauf Hintergrundfarbwert #008000 nach Schriftfarbwert #008080
#008000	#008012	#008024	#008036	#008049	#00805b	#00806d	#008080
#008000	#008012	#008024	#008036	#008049	#00805b	#00806d	#008080

Kombination von #008000 und #008080
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #008080 und #008000 beträgt 94.87%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.13%. #008080 eignet sich nicht als Schriftfarbe auf Hintergrund #008000, weil weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #008000				Schriftfarbwert #008080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#008080	#008080	#008080	#008080
#249224	#249224	#006d00	#006d00	#249292	#249292	#006d6d	#006d6d
#48a448	#48a448	#005b00	#005b00	#48a4a4	#48a4a4	#005b5b	#005b5b
#6db66d	#6db66d	#004900	#004900	#6db6b6	#6db6b6	#004949	#004949
#91c891	#91c891	#003600	#003600	#91c8c8	#91c8c8	#003636	#003636
#b6dab6	#b6dab6	#002400	#002400	#b6dada	#b6dada	#002424	#002424
#daecda	#daecda	#001200	#001200	#daecec	#daecec	#001212	#001212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #008000 und Farbwert #008080

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl h3

Eine Überschrift der 3. Stufe setzen Sie mit HTML-Tag <h3>. Diese können Sie farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #008000 auf Farbwert #008080 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <h3> in Farbwert #008000 vor.

Z.B. legen wir bei <h3> die Hintergrundfarbe auf Farbwert #008000 fest:

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #008080 ändert.

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

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Beschreibung des HTML-Tag <h3>.

Wechsel der Textfarbe bei Hover von HTML-Tag li

Die Textfarbe soll sich von Farbwert #008000 auf Farbwert #008080 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <li> in Farbwert #008000 vor.

Wir ändern hier bei <li> die Textfarbe auf Farbwert #008000 und setzen die Schriftgröße auf 13px:

<style type="text/css"><!--
  li { 
    color: #008000; 
    font-size: 13px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #008080 geändert wird.

<style type="text/css"><!--
  li:hover { 
    color:#008080;
  }
//-->
</style>

Weiteres zu li können Sie in Listen und Glossare in HTML erfahren. Der Tag li ist in der HTML Referenz unter <li> zusammengestellt.