Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #800000 und Farbe green

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 #800000			Schriftfarbe green
Detail	:	Hintergrund #800000	Detail	:	Schrift green
Farbwert	:	#800000	Farbe	:	green
Farbe	:	maroon	Farbwert	:	#008000
HTML	:	#800000	HTML	:	green
HTML (Wert)	:	#800000	HTML (Wert)	:	#008000
CSS	:	#800000	CSS	:	green
CSS (Wert)	:	#800000	CSS (Wert)	:	#008000
CSS (kürzest)	:	#800000	CSS (kürzest)	:	#008000
CSS (RGB)	:	rgb(128,0,0)	CSS (RGB)	:	rgb(0,128,0)
CSS (%RGB)	:	rgb(50%,0%,0%)	CSS (%RGB)	:	rgb(0%,50%,0%)

Verlauf Hintergrundfarbwert #800000 nach Schriftfarbe green
#800000	#6d1200	#5b2400	#493600	#364900	#245b00	#126d00	#008000
#800000	#6d1200	#5b2400	#493600	#364900	#245b00	#126d00	#008000

Kombination von #800000 und green
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				green eignet sich nicht als Schriftfarbe auf Hintergrund #800000, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben green und #800000 ergibt sich zu 89.85%. Die Lesbarkeit dieser Kombination liegt damit bei 10.15%.

Hintergrundfarbwert #800000				Schriftfarbe green
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800000	#800000	#800000	#800000	#008000	#008000	#008000	#008000
#922424	#922424	#6d0000	#6d0000	#249224	#249224	#006d00	#006d00
#a44848	#a44848	#5b0000	#5b0000	#48a448	#48a448	#005b00	#005b00
#b66d6d	#b66d6d	#490000	#490000	#6db66d	#6db66d	#004900	#004900
#c89191	#c89191	#360000	#360000	#91c891	#91c891	#003600	#003600
#dab6b6	#dab6b6	#240000	#240000	#b6dab6	#b6dab6	#002400	#002400
#ecdada	#ecdada	#120000	#120000	#daecda	#daecda	#001200	#001200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #800000 und Farbe green

Zebra-Effekt bei HTML-Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem so genannten Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit den Hintergrundfarben Farbwert #800000 und Farbe green.

<style type="text/css"><!--
  td.ungerade { 
    background-color: #800000;
  }
  td.gerade { 
    background-color: green;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="ungerade">I1~1</td><td class="gerade">I2~1</td><td class="ungerade">I3~1</td></tr>
<tr><td class="ungerade">I1~2</td><td class="gerade">I2~2</td><td class="ungerade">I3~2</td></tr>
<tr><td class="ungerade">I1~3</td><td class="gerade">I2~3</td><td class="ungerade">I3~3</td></tr>
</table>

Weiteres zu td finden Sie in Tabellen in HTML. Möglichkeiten des HTML-Befehl <td>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl a

Mit Tag <a> setzen Sie einen Link. Diesen können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbwert #800000 auf Farbe green ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbwert #800000 vor.

Wir legen in diesem Beispiel Farbwert #800000 als Textfarbe von <a> fest.

<style type="text/css"><!--
  a { 
    color:#800000;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Textfarbe auf green geändert wird.

<style type="text/css"><!--
  a: hover { 
    color: green;
  }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML lesen. Möglichkeiten vom hier genutzten HTML-Befehl <a>.