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

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.

Hintergrundfarbe aqua			Schriftfarbwert #808000
Detail	:	Hintergrund aqua	Detail	:	Schrift #808000
Farbe	:	aqua	Farbwert	:	#808000
Farbwert	:	#00ffff	Farbe	:	olive
HTML	:	aqua	HTML	:	#808000
HTML (Wert)	:	#00ffff	HTML (Wert)	:	#808000
CSS	:	aqua	CSS	:	#808000
CSS (Wert)	:	#00ffff	CSS (Wert)	:	#808000
CSS (kürzest)	:	#0ff	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(0,255,255)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(0%,100%,100%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbe aqua nach Schriftfarbwert #808000
#00ffff	#12ecda	#24dab6	#36c891	#49b66d	#5ba448	#6d9224	#808000
#00ffff	#12ecda	#24dab6	#36c891	#49b66d	#5ba448	#6d9224	#808000

Kombination von aqua und #808000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund aqua ist #808000 ungeeignet. Zwar ist der Farbunterschied gut, die Helligkeiten sind jedoch zu ähnlich. Die Ähnlichkeit von #808000 und aqua beträgt 84.07%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 15.93%.

Hintergrundfarbe aqua				Schriftfarbwert #808000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ffff	#00ffff	#00ffff	#00ffff	#808000	#808000	#808000	#808000
#24ffff	#24ffff	#00dada	#00dada	#929224	#929224	#6d6d00	#6d6d00
#48ffff	#48ffff	#00b6b6	#00b6b6	#a4a448	#a4a448	#5b5b00	#5b5b00
#6dffff	#6dffff	#009191	#009191	#b6b66d	#b6b66d	#494900	#494900
#91ffff	#91ffff	#006d6d	#006d6d	#c8c891	#c8c891	#363600	#363600
#b6ffff	#b6ffff	#004848	#004848	#dadab6	#dadab6	#242400	#242400
#daffff	#daffff	#002424	#002424	#ececda	#ececda	#121200	#121200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe aqua und Farbwert #808000

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag button

Die Hintergrundfarbe soll sich von Farbe aqua auf Farbwert #808000 ändern, wenn man mit der Maus auf <button> zeigt. Bereiten wir zunächst die Formatierung von <button> in Farbe aqua vor.

Als Beispiel legen wir Farbe aqua als Hintergrundfarbe von <button> fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift ändern wir auf 13px.

<style type="text/css"><!--
  button { 
    font-size: 13px; 
    background-color: aqua; 
    font-family: monospace;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Hintergrundfarbe zu #808000 ändert.

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

Mehr zum Thema können Sie in Formulare in HTML nachsehen. Der HTML-Tag button ist in der HTML Referenz bei <button> gezeigt.

Zebra-Effekt von Befehl td

Man spricht vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <td> mit den Hintergrundfarben Farbe aqua und Farbwert #808000.

<style type="text/css"><!--
  td.ger { 
    background-color:aqua;
  }
  td.ung { 
    background-color:#808000;
  }
//-->
</style>

Diese werden dann abwechselnd angewendet.

<table>
<tr><td class="ger">E1-1</td><td class="ung">E2-1</td><td class="ger">E3-1</td></tr>
<tr><td class="ger">E1-2</td><td class="ung">E2-2</td><td class="ger">E3-2</td></tr>
<tr><td class="ger">E1-3</td><td class="ung">E2-3</td><td class="ger">E3-3</td></tr>
</table>

Mehr zu td erfahren Sie in Tabellen in HTML. Weiteres zum hier gezeigten Tag td ist in der HTML Referenz unter <td> ausführlich beschrieben.