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

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 #dc143c			Schriftfarbwert #8b0000
Detail	:	Hintergrund #dc143c	Detail	:	Schrift #8b0000
Farbwert	:	#dc143c	Farbwert	:	#8b0000
Farbe	:	crimson	Farbe	:	darkred
HTML	:	#dc143c	HTML	:	#8b0000
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#8b0000
CSS	:	#dc143c	CSS	:	#8b0000
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbwert #dc143c nach Schriftfarbwert #8b0000
#dc143c	#d01133	#c40e2a	#b90b22	#ad0819	#a20511	#960208	#8b0000
#dc143c	#d01133	#c40e2a	#b90b22	#ad0819	#a20511	#960208	#8b0000

Kombination von #dc143c 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 #dc143c beträgt 90.45%. Die Lesbarkeit dieser Farbkombination liegt damit bei 9.55%. #8b0000 eignet sich nicht als Schriftfarbe auf Hintergrund #dc143c, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #dc143c				Schriftfarbwert #8b0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#8b0000	#8b0000	#8b0000	#8b0000
#e13557	#e13557	#bc1133	#bc1133	#9b2424	#9b2424	#770000	#770000
#e65773	#e65773	#9d0e2a	#9d0e2a	#ac4848	#ac4848	#630000	#630000
#eb788f	#eb788f	#7d0b22	#7d0b22	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#f09aab	#f09aab	#5e0819	#5e0819	#cd9191	#cd9191	#3b0000	#3b0000
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#ddb6b6	#ddb6b6	#270000	#270000
#fadde3	#fadde3	#1f0208	#1f0208	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #dc143c und Farbwert #8b0000

Wechsel der Umrandung bei Hover mit HTML-Tag tbody

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

In diesem Beispiel umranden wir <tbody> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #dc143c.

<style type="text/css"><!--
  tbody { 
    border-width: 1px; 
    border-style: double; 
    border-color: #dc143c;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe auf #8b0000 ändert.

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

Mehr zum Thema tbody finden Sie in Tabellen in HTML. Der HTML-Befehl tbody ist in der HTML Referenz bei <tbody> genau beschrieben.