Ressourcen: 17 HTML Standard Farbnamen - Kombinationen mit 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.

Hintergrundfarbwert #808000
Detail	:	Hintergrundfarbwert #808000	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#808000	#808000	#808000	#808000	#808000
Farbe	:	olive	#929224	#929224	#6d6d00	#6d6d00
HTML	:	#808000	#a4a448	#a4a448	#5b5b00	#5b5b00
CSS	:	#808000	#b6b66d	#b6b66d	#494900	#494900
CSS (Wert)	:	#808000	#c8c891	#c8c891	#363600	#363600
CSS (kürzest)	:	#808000	#dadab6	#dadab6	#242400	#242400
CSS (RGB)	:	rgb(128,128,0)	#ececda	#ececda	#121200	#121200
CSS (%RGB)	:	rgb(50%,50%,0%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #808000

Umrandung bei HTML-Befehl img

In diesem Beispiel umranden wir <img> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbwert #808000. Mit HTML ist das nicht möglich. Deshalb verwenden wir CSS.

<style type="text/css"><!--
  img { border:5px dotted #808000; }
//-->
</style>

Weiteres zu img können Sie in Grafik in HTML finden. Die Beschreibung vom Tag img erfahren Sie in der HTML Referenz unter <img>.

Änderung der Hintergrundfarbe bei Hover bei HTML-Tag a

Einen Link setzt man mit Befehl <a>. Diesen können Sie farblich gestalten.

Die Hintergrundfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <a> vor.

Hier setzen wir bei <a> die Hintergrundfarbe auf Farbwert #808000. Die Textfarbe behalten wir bei. Die Schriftart setzen wir auf monospace und ändern die Größe der Schrift auf 13px:

<style type="text/css"><!--
  a { 
    font-family:monospace; 
    background-color:#7b99b3; 
    font-size:13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf Farbwert #808000 gesetzt wird.

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

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Der Befehl a ist in der HTML Referenz bei <a> ausführlich zusammengestellt.