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

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 aqua
Detail	:	Hintergrund #800000	Detail	:	Schrift aqua
Farbwert	:	#800000	Farbe	:	aqua
Farbe	:	maroon	Farbwert	:	#00ffff
HTML	:	#800000	HTML	:	aqua
HTML (Wert)	:	#800000	HTML (Wert)	:	#00ffff
CSS	:	#800000	CSS	:	aqua
CSS (Wert)	:	#800000	CSS (Wert)	:	#00ffff
CSS (kürzest)	:	#800000	CSS (kürzest)	:	#0ff
CSS (RGB)	:	rgb(128,0,0)	CSS (RGB)	:	rgb(0,255,255)
CSS (%RGB)	:	rgb(50%,0%,0%)	CSS (%RGB)	:	rgb(0%,100%,100%)

Verlauf Hintergrundfarbwert #800000 nach Schriftfarbe aqua
#800000	#6d2424	#5b4848	#496d6d	#369191	#24b6b6	#12dada	#00ffff
#800000	#6d2424	#5b4848	#496d6d	#369191	#24b6b6	#12dada	#00ffff

Kombination von #800000 und aqua
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben aqua und #800000 beträgt 58.42%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 41.58%. aqua eignet sich als Schriftfarbe auf Hintergrund #800000. Der Unterschied in den Farben ist in Ordnung, der Unterschied in den Helligkeiten ebenso.

Hintergrundfarbwert #800000				Schriftfarbe aqua
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800000	#800000	#800000	#800000	#00ffff	#00ffff	#00ffff	#00ffff
#922424	#922424	#6d0000	#6d0000	#24ffff	#24ffff	#00dada	#00dada
#a44848	#a44848	#5b0000	#5b0000	#48ffff	#48ffff	#00b6b6	#00b6b6
#b66d6d	#b66d6d	#490000	#490000	#6dffff	#6dffff	#009191	#009191
#c89191	#c89191	#360000	#360000	#91ffff	#91ffff	#006d6d	#006d6d
#dab6b6	#dab6b6	#240000	#240000	#b6ffff	#b6ffff	#004848	#004848
#ecdada	#ecdada	#120000	#120000	#daffff	#daffff	#002424	#002424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #800000 und Farbe aqua

Zebra-Effekt mit Tag th

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom Zebra-Effekt. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <th> mit unterschiedlichen Hintergrundfarben Farbwert #800000 und Farbe aqua.

<style type="text/css"><!--
  th.odd { 
    background-color:#800000;
  }
  th.even { 
    background-color:aqua;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr><td class="odd">AA.A</td><td class="even">AB.A</td><td class="odd">AC.A</td></tr>
<tr><td class="odd">AA.B</td><td class="even">AB.B</td><td class="odd">AC.B</td></tr>
<tr><td class="odd">AA.C</td><td class="even">AB.C</td><td class="odd">AC.C</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Möglichkeiten vom HTML-Tag <th>.

Wechsel der Textfarbe bei Hover bei HTML-Tag legend

Die Textfarbe soll sich von Farbwert #800000 auf Farbe aqua ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <legend> in Farbwert #800000 vor.

Wir legen zum Beispiel die Textfarbe von <legend> auf Farbwert #800000 fest und setzen die Größe der Schrift auf 9pt.

<style type="text/css"><!--
  legend { 
    font-size:9pt; 
    color:#800000;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Textfarbe auf aqua gesetzt wird.

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

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Einzelheiten des Tag legend lesen Sie in der HTML Referenz unter <legend>.