Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #a0522d und Farbwert #808000

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #a0522d			Schriftfarbwert #808000
Detail	:	Hintergrund #a0522d	Detail	:	Schrift #808000
Farbwert	:	#a0522d	Farbwert	:	#808000
Farbe	:	sienna	Farbe	:	olive
HTML	:	#a0522d	HTML	:	#808000
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#808000
CSS	:	#a0522d	CSS	:	#808000
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#808000
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbwert #a0522d nach Schriftfarbwert #808000
#a0522d	#9b5826	#965f20	#926519	#8d6c13	#89720c	#847906	#808000
#a0522d	#9b5826	#965f20	#926519	#8d6c13	#89720c	#847906	#808000

Kombination von #a0522d und #808000
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #808000 und #a0522d beträgt 93.63%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.37%. Auf Hintergrund #a0522d ist #808000 ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #a0522d				Schriftfarbwert #808000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#808000	#808000	#808000	#808000
#ad6a4b	#ad6a4b	#894626	#894626	#929224	#929224	#6d6d00	#6d6d00
#bb8369	#bb8369	#723a20	#723a20	#a4a448	#a4a448	#5b5b00	#5b5b00
#c89c87	#c89c87	#5b2e19	#5b2e19	#b6b66d	#b6b66d	#494900	#494900
#d6b4a5	#d6b4a5	#442313	#442313	#c8c891	#c8c891	#363600	#363600
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#dadab6	#dadab6	#242400	#242400
#f1e6e1	#f1e6e1	#160b06	#160b06	#ececda	#ececda	#121200	#121200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #a0522d und Farbwert #808000

Füllen und Umranden von HTML-Tag hr

Hier umranden wir <hr> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #808000 . Die Hintergrundfarbe für <hr> färben wir mit Farbwert #a0522d. In HTML geht dies nicht. Daher nutzen wir CSS.

<style type="text/css"><!--
  hr { border:2px groove #808000; background-color:#a0522d; }
//-->
</style>

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Möglichkeiten des HTML-Befehl hr lesen Sie in der HTML Referenz unter <hr>.

Wechsel der Hintergrundfarbe bei Hover von Tag a

Mit Befehl <a> wird ein Verweis erzeugt. Diesen können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbwert #a0522d auf Farbwert #808000 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <a> in Farbwert #a0522d vor.

Z.B. legen wir Farbwert #a0522d als Hintergrundfarbe von <a> fest. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf monospace. Die Schriftgröße setzen wir auf 13pt:

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #808000 ändert.

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML nachsehen. Die Beschreibung des HTML-Befehl a finden Sie in der HTML Referenz unter <a>.