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

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 #8b4513			Schriftfarbwert #8b0000
Detail	:	Hintergrund #8b4513	Detail	:	Schrift #8b0000
Farbwert	:	#8b4513	Farbwert	:	#8b0000
Farbe	:	saddlebrown	Farbe	:	darkred
HTML	:	#8b4513	HTML	:	#8b0000
HTML (Wert)	:	#8b4513	HTML (Wert)	:	#8b0000
CSS	:	#8b4513	CSS	:	#8b0000
CSS (Wert)	:	#8b4513	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#8b4513	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(139,69,19)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(54%,27%,7%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbwert #8b4513 nach Schriftfarbwert #8b0000
#8b4513	#8b3b10	#8b310d	#8b270a	#8b1d08	#8b1305	#8b0902	#8b0000
#8b4513	#8b3b10	#8b310d	#8b270a	#8b1d08	#8b1305	#8b0902	#8b0000

Kombination von #8b4513 und #8b0000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #8b0000 und #8b4513 ergibt sich zu 93.28%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.72%. Auf Hintergrund #8b4513 ist #8b0000 ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbwert #8b4513				Schriftfarbwert #8b0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b4513	#8b4513	#8b4513	#8b4513	#8b0000	#8b0000	#8b0000	#8b0000
#9b5f34	#9b5f34	#773b10	#773b10	#9b2424	#9b2424	#770000	#770000
#ac7a56	#ac7a56	#63310d	#63310d	#ac4848	#ac4848	#630000	#630000
#bc9478	#bc9478	#4f270a	#4f270a	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#cdaf99	#cdaf99	#3b1d08	#3b1d08	#cd9191	#cd9191	#3b0000	#3b0000
#ddc9bb	#ddc9bb	#271305	#271305	#ddb6b6	#ddb6b6	#270000	#270000
#eee4dd	#eee4dd	#130902	#130902	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b4513 und Farbwert #8b0000

Füllen und Umranden bei Befehl li

Bei diesem Beispiel umranden wir <li> mit einem . Die Hintergrundfarbe für <li> setzen wir entsprechend auf Farbwert #8b4513. Das geht mit HTML nicht. Wir verwenden daher CSS.

<style type="text/css"><!--
  li { border:1px ridge #8b0000; background-color:#8b4513; }
//-->
</style>

Mehr zu li können Sie in Listen und Glossare in HTML nachsehen. Weiteres zum hier genutzten HTML-Befehl li lesen Sie in der HTML Referenz unter <li>.

Wechsel der Textfarbe bei Hover bei Befehl td

Die Textfarbe soll sich von Farbwert #8b4513 auf Farbwert #8b0000 ändern, wenn man mit der Maus auf <td> zeigt. Bereiten wir zunächst eine Darstellung von <td> in Farbwert #8b4513 vor.

Als Beispiel legen wir Farbwert #8b4513 als Textfarbe von <td> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  td { 
    color: #8b4513; 
    font-family: verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #8b0000 geändert wird.

<style type="text/css"><!--
  td: hover { 
    color: #8b0000;
  }
//-->
</style>

Weiteres zu td können Sie in Tabellen in HTML erfahren. Mehr zum Tag <td>.