Ressourcen: 137 HTML Farbnamen - Kombination von Farbe sienna und Farbwert #8b4513

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.

Hintergrundfarbe sienna			Schriftfarbwert #8b4513
Detail	:	Hintergrund sienna	Detail	:	Schrift #8b4513
Farbe	:	sienna	Farbwert	:	#8b4513
Farbwert	:	#a0522d	Farbe	:	saddlebrown
HTML	:	sienna	HTML	:	#8b4513
HTML (Wert)	:	#a0522d	HTML (Wert)	:	#8b4513
CSS	:	sienna	CSS	:	#8b4513
CSS (Wert)	:	#a0522d	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#a0522d	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(160,82,45)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(62%,32%,17%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe sienna nach Schriftfarbwert #8b4513
#a0522d	#9d5029	#9a4e25	#974c21	#944a1e	#91481a	#8e4616	#8b4513
#a0522d	#9d5029	#9a4e25	#974c21	#944a1e	#91481a	#8e4616	#8b4513

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

Hintergrundfarbe sienna				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#a0522d	#a0522d	#a0522d	#a0522d	#8b4513	#8b4513	#8b4513	#8b4513
#ad6a4b	#ad6a4b	#894626	#894626	#9b5f34	#9b5f34	#773b10	#773b10
#bb8369	#bb8369	#723a20	#723a20	#ac7a56	#ac7a56	#63310d	#63310d
#c89c87	#c89c87	#5b2e19	#5b2e19	#bc9478	#bc9478	#4f270a	#4f270a
#d6b4a5	#d6b4a5	#442313	#442313	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#e3cdc3	#e3cdc3	#2d170c	#2d170c	#ddc9bb	#ddc9bb	#271305	#271305
#f1e6e1	#f1e6e1	#160b06	#160b06	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe sienna und Farbwert #8b4513

Wechsel der Hintergrundfarbe bei Hover von Tag center

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

Hier legen wir die Hintergrundfarbe von <center> auf Farbe sienna fest.

<style type="text/css"><!--
  center { 
    background-color: sienna;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #8b4513 ändert.

<style type="text/css"><!--
  center:hover { 
    background-color:#8b4513;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier genutzten Befehl <center>.