Ressourcen: 137 HTML Farbnamen - Kombination von Farbe olivedrab 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 olivedrab			Schriftfarbwert #8b4513
Detail	:	Hintergrund olivedrab	Detail	:	Schrift #8b4513
Farbe	:	olivedrab	Farbwert	:	#8b4513
Farbwert	:	#6b8e23	Farbe	:	saddlebrown
HTML	:	olivedrab	HTML	:	#8b4513
HTML (Wert)	:	#6b8e23	HTML (Wert)	:	#8b4513
CSS	:	olivedrab	CSS	:	#8b4513
CSS (Wert)	:	#6b8e23	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#6b8e23	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(107,142,35)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(41%,55%,13%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbe olivedrab nach Schriftfarbwert #8b4513
#6b8e23	#6f8320	#74791e	#786e1c	#7d6419	#815917	#864f15	#8b4513
#6b8e23	#6f8320	#74791e	#786e1c	#7d6419	#815917	#864f15	#8b4513

Kombination von olivedrab 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#8b4513 eignet sich nicht als Schriftfarbe auf Hintergrund olivedrab, weil die Unterschiede in der Helligkeit und Farbe zu gering sind. Die Ähnlichkeit der Farben #8b4513 und olivedrab ergibt sich zu 91.12%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.88%.

Hintergrundfarbe olivedrab				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6b8e23	#6b8e23	#6b8e23	#6b8e23	#8b4513	#8b4513	#8b4513	#8b4513
#809e42	#809e42	#5b791e	#5b791e	#9b5f34	#9b5f34	#773b10	#773b10
#95ae61	#95ae61	#4c6519	#4c6519	#ac7a56	#ac7a56	#63310d	#63310d
#aabe81	#aabe81	#3d5114	#3d5114	#bc9478	#bc9478	#4f270a	#4f270a
#bfcea0	#bfcea0	#2d3c0f	#2d3c0f	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#d4dec0	#d4dec0	#1e280a	#1e280a	#ddc9bb	#ddc9bb	#271305	#271305
#e9eedf	#e9eedf	#0f1405	#0f1405	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe olivedrab und Farbwert #8b4513

Hintergrund/Text-Kombination von HTML-Befehl legend

Hier ändern wir die Textfarbe von <legend> auf Farbwert #8b4513 und die Hintergrundfarbe von <legend> auf Farbe olivedrab. Als Schriftart wählen wir sans-serif und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  legend { 
    font-family: sans-serif; 
    color: #8b4513; 
    background-color: olivedrab; 
    font-size: 13px;
  }
//-->
</style>

Mehr zum Thema legend finden Sie in Formulare in HTML. Einzelheiten vom HTML-Befehl legend erfahren Sie in der HTML Referenz unter <legend>.

Wechsel der Textfarbe bei Hover bei HTML-Tag th

Die Textfarbe soll sich von Farbe olivedrab auf Farbwert #8b4513 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <th> in Farbe olivedrab vor.

Für dieses Beispiel ändern wir bei <th> die Textfarbe auf Farbe olivedrab. Die Hintergrundfarbe behalten wir bei. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße ändern wir auf 13px.

<style type="text/css"><!--
  th { 
    font-size:13px; 
    color:olivedrab; 
    font-family:sans-serif;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #8b4513 gesetzt wird.

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

Weiteres zu th können Sie in Tabellen in HTML nachsehen. Möglichkeiten des HTML-Tag th sind in der HTML Referenz bei <th> ausführlich beschrieben.