Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8b0000 und Farbe sienna

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen Farbwerten, die einem bestimmten Schema folgen, definierte man noch 120 Werte und ordnete ihnen Namen zu.

Hintergrundfarbwert #8b0000			Schriftfarbe sienna
Detail	:	Hintergrund #8b0000	Detail	:	Schrift sienna
Farbwert	:	#8b0000	Farbe	:	sienna
Farbe	:	darkred	Farbwert	:	#a0522d
HTML	:	#8b0000	HTML	:	sienna
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#a0522d
CSS	:	#8b0000	CSS	:	sienna
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbwert #8b0000 nach Schriftfarbe sienna
#8b0000	#8e0b06	#91170c	#942313	#972e19	#9a3a20	#9d4626	#a0522d
#8b0000	#8e0b06	#91170c	#942313	#972e19	#9a3a20	#9d4626	#a0522d

Kombination von #8b0000 und sienna
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Auf Hintergrund #8b0000 ist sienna ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben sienna und #8b0000 ergibt sich zu 91.51%. Die Lesbarkeit dieser Kombination bewerte ich mit 8.49%.

Hintergrundfarbwert #8b0000				Schriftfarbe sienna
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#a0522d	#a0522d	#a0522d	#a0522d
#9b2424	#9b2424	#770000	#770000	#ad6a4b	#ad6a4b	#894626	#894626
#ac4848	#ac4848	#630000	#630000	#bb8369	#bb8369	#723a20	#723a20
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#c89c87	#c89c87	#5b2e19	#5b2e19
#cd9191	#cd9191	#3b0000	#3b0000	#d6b4a5	#d6b4a5	#442313	#442313
#ddb6b6	#ddb6b6	#270000	#270000	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#eedada	#eedada	#130000	#130000	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b0000 und Farbe sienna

Wechsel der Hintergrundfarbe bei Hover von Befehl h4

Eine Überschrift der 4. Stufe setzen Sie mit Befehl <h4>. Diese kann farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #8b0000 auf Farbe sienna ändern, wenn man mit der Maus auf <h4> zeigt. Wir bereiten zunächst eine Formatierung von <h4> in Farbwert #8b0000 vor.

Für dieses Beispiel ändern wir die Hintergrundfarbe von <h4> auf Farbwert #8b0000. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf verdana und ändern die Größe der Schrift auf 13px.

<style type="text/css"><!--
  h4 { 
    font-size: 13px; 
    background-color: #8b0000; 
    font-family: verdana;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe zu sienna ändert.

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

Weiteres zu h4 lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier verwendeten Befehl h4 finden Sie in der HTML Referenz unter <h4>.

Füllen und Umranden bei Befehl tbody

Hier umranden wir <tbody> mit einem doppelten, 1 Punkte dicken Rahmen in Farbe sienna . Den Hintergrund von <tbody> färben wir entsprechend mit Farbwert #8b0000. Das ist in HTML so kaum möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  tbody { 
    border-width: 1pt; 
    border-style: double; 
    background-color: #8b0000; 
    border-color: sienna;
  }
//-->
</style>

Weiteres zum Thema können Sie in Tabellen in HTML lesen. Mehr zum hier gezeigten Befehl <tbody>.