Ressourcen: 137 HTML Farbnamen - Kombination von Farbe white und Farbe darkred

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 white			Schriftfarbe darkred
Detail	:	Hintergrund white	Detail	:	Schrift darkred
Farbe	:	white	Farbe	:	darkred
Farbwert	:	#ffffff	Farbwert	:	#8b0000
HTML	:	white	HTML	:	darkred
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#8b0000
CSS	:	white	CSS	:	darkred
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbe white nach Schriftfarbe darkred
#ffffff	#eedada	#ddb6b6	#cd9191	#bc6d6d	#ac4848	#9b2424	#8b0000
#ffffff	#eedada	#ddb6b6	#cd9191	#bc6d6d	#ac4848	#9b2424	#8b0000

Kombination von white und darkred
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna.				darkred eignet sich als Schriftfarbe auf Hintergrund white, da sowohl der Unterschied in den Helligkeiten als auch der Unterschied in den Farben gut sind. Die Ähnlichkeit von darkred und white ergibt sich zu 52.33%. Die Lesbarkeit dieser Farbkombination liegt damit bei 47.67%.

Hintergrundfarbe white				Schriftfarbe darkred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#8b0000	#8b0000	#8b0000	#8b0000
#ffffff	#ffffff	#dadada	#dadada	#9b2424	#9b2424	#770000	#770000
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#ac4848	#ac4848	#630000	#630000
#ffffff	#ffffff	#919191	#919191	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#cd9191	#cd9191	#3b0000	#3b0000
#ffffff	#ffffff	#484848	#484848	#ddb6b6	#ddb6b6	#270000	#270000
#ffffff	#ffffff	#242424	#242424	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe white und Farbe darkred

Wechsel der Textfarbe bei Hover mit Befehl center

Die Textfarbe soll sich von Farbe white auf Farbe darkred ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst die Darstellung von <center> in Farbe white vor.

Für dieses Beispiel setzen wir die Textfarbe von <center> auf Farbe white:

<style type="text/css"><!--
  center { 
    color:white;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe auf darkred ändert.

<style type="text/css"><!--
  center: hover { 
    color: darkred;
  }
//-->
</style>

Weiteres zum Thema center können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Mehr zum hier gezeigten Tag <center>.