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

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			Schriftfarbwert #f5f5f5
Detail	:	Hintergrund #8b0000	Detail	:	Schrift #f5f5f5
Farbwert	:	#8b0000	Farbwert	:	#f5f5f5
Farbe	:	darkred	Farbe	:	whitesmoke
HTML	:	#8b0000	HTML	:	#f5f5f5
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#f5f5f5
CSS	:	#8b0000	CSS	:	#f5f5f5
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#f5f5f5
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#f5f5f5
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(245,245,245)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(96%,96%,96%)

Verlauf Hintergrundfarbwert #8b0000 nach Schriftfarbwert #f5f5f5
#8b0000	#9a2323	#a94646	#b86969	#c78c8c	#d6afaf	#e5d2d2	#f5f5f5
#8b0000	#9a2323	#a94646	#b86969	#c78c8c	#d6afaf	#e5d2d2	#f5f5f5

Kombination von #8b0000 und #f5f5f5
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f5f5f5 eignet sich als Schriftfarbe auf Hintergrund #8b0000. Sowohl der Unterschied in den Helligkeiten als auch der Farbenunterschied sind gut. Die Ähnlichkeit von #f5f5f5 und #8b0000 beträgt 56.28%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 43.72%.

Hintergrundfarbwert #8b0000				Schriftfarbwert #f5f5f5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5
#9b2424	#9b2424	#770000	#770000	#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2
#ac4848	#ac4848	#630000	#630000	#f7f7f7	#f7f7f7	#afafaf	#afafaf
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c
#cd9191	#cd9191	#3b0000	#3b0000	#fafafa	#fafafa	#696969	#696969
#ddb6b6	#ddb6b6	#270000	#270000	#fcfcfc	#fcfcfc	#464646	#464646
#eedada	#eedada	#130000	#130000	#fdfdfd	#fdfdfd	#232323	#232323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

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

Füllen und Umranden bei Tag del

Für dieses Beispiel umranden wir <del> mit einem . Die Hintergrundfarbe für <del> setzen wir entsprechend auf Farbwert #8b0000. In HTML geht dies nicht. Deshalb nutzen wir CSS.

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

Mehr zum Tag <del>.

Wechsel der Umrandung bei Hover von Tag tr

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

In diesem Beispiel umranden wir <tr> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbwert #8b0000.

<style type="text/css"><!--
  tr { 
    border-style:inset; 
    border-width:2px; 
    border-color:#8b0000;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #f5f5f5 ändert.

<style type="text/css"><!--
  tr:hover { 
    border-color:#f5f5f5;
  }
//-->
</style>

Weiteres zum Thema können Sie in Tabellen in HTML erfahren. Mehr zum Befehl tr finden Sie in der HTML Referenz unter <tr>.