Ressourcen: 137 HTML Farbnamen - Kombination von Farbe slategray und Farbwert #8b0000

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 slategray			Schriftfarbwert #8b0000
Detail	:	Hintergrund slategray	Detail	:	Schrift #8b0000
Farbe	:	slategray	Farbwert	:	#8b0000
Farbwert	:	#708090	Farbe	:	darkred
HTML	:	slategray	HTML	:	#8b0000
HTML (Wert)	:	#708090	HTML (Wert)	:	#8b0000
CSS	:	slategray	CSS	:	#8b0000
CSS (Wert)	:	#708090	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#708090	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(112,128,144)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(43%,50%,56%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbe slategray nach Schriftfarbwert #8b0000
#708090	#736d7b	#775b66	#7b4952	#7f363d	#832429	#871214	#8b0000
#708090	#736d7b	#775b66	#7b4952	#7f363d	#832429	#871214	#8b0000

Kombination von slategray und #8b0000
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #8b0000 und slategray ergibt sich zu 88.24%. Die Lesbarkeit dieser Kombination ergibt sich zu 11.76%. #8b0000 eignet sich nicht als Schriftfarbe auf Hintergrund slategray. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe slategray				Schriftfarbwert #8b0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#708090	#708090	#708090	#708090	#8b0000	#8b0000	#8b0000	#8b0000
#84929f	#84929f	#606d7b	#606d7b	#9b2424	#9b2424	#770000	#770000
#98a4af	#98a4af	#505b66	#505b66	#ac4848	#ac4848	#630000	#630000
#adb6bf	#adb6bf	#404952	#404952	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#c1c8cf	#c1c8cf	#30363d	#30363d	#cd9191	#cd9191	#3b0000	#3b0000
#d6dadf	#d6dadf	#202429	#202429	#ddb6b6	#ddb6b6	#270000	#270000
#eaecef	#eaecef	#101214	#101214	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe slategray und Farbwert #8b0000

Wechsel der Hintergrundfarbe bei Hover von Befehl center

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

Zum Beispiel legen wir Farbe slategray als Hintergrundfarbe von <center> fest. Die Schriftgröße verkleinern wir auf 84%.

<style type="text/css"><!--
  center { 
    font-size:84%; 
    background-color:slategray;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Hintergrundfarbe auf #8b0000 geändert wird.

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

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum HTML-Befehl <center>.

Hintergrund/Text-Kombination mit Tag cite

Wir ändern in diesem Beispiel die Textfarbe von <cite> auf Farbwert #8b0000 und die Hintergrundfarbe von <cite> auf Farbe slategray. Die Schriftart ändern wir auf verdana. Als Schriftgröße setzen wir 13px.

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

Beschreibung des hier verwendeten Tag <cite>.