Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #6a5acd und Farbwert #8b4513

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.

Hintergrundfarbwert #6a5acd			Schriftfarbwert #8b4513
Detail	:	Hintergrund #6a5acd	Detail	:	Schrift #8b4513
Farbwert	:	#6a5acd	Farbwert	:	#8b4513
Farbe	:	slateblue	Farbe	:	saddlebrown
HTML	:	#6a5acd	HTML	:	#8b4513
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#8b4513
CSS	:	#6a5acd	CSS	:	#8b4513
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbwert #6a5acd nach Schriftfarbwert #8b4513
#6a5acd	#6e57b2	#735497	#78517d	#7c4e62	#814b48	#86482d	#8b4513
#6a5acd	#6e57b2	#735497	#78517d	#7c4e62	#814b48	#86482d	#8b4513

Kombination von #6a5acd und #8b4513
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.				Die Ähnlichkeit von #8b4513 und #6a5acd beträgt 93.63%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.37%. #8b4513 eignet sich nicht als Schriftfarbe auf Hintergrund #6a5acd, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbwert #6a5acd				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#8b4513	#8b4513	#8b4513	#8b4513
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#9b5f34	#9b5f34	#773b10	#773b10
#9489db	#9489db	#4b4092	#4b4092	#ac7a56	#ac7a56	#63310d	#63310d
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#bc9478	#bc9478	#4f270a	#4f270a
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#d4cff0	#d4cff0	#1e193a	#1e193a	#ddc9bb	#ddc9bb	#271305	#271305
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6a5acd und Farbwert #8b4513

Hintergrund/Text-Kombination bei Tag dfn

Für dieses Beispiel ändern wir die Textfarbe von <dfn> auf Farbwert #8b4513 und die Hintergrundfarbe von <dfn> auf Farbwert #6a5acd. Als Schriftart wählen wir courier new. Die Schriftgröße setzen wir auf 115%.

<style type="text/css"><!--
  dfn { 
    color:#8b4513; 
    font-family:courier new; 
    font-size:115%; 
    background-color:#6a5acd;
  }
//-->
</style>

Weiteres zum Thema dfn lesen Sie in Text in HTML. Der hier genutzte HTML-Tag dfn ist in der HTML Referenz bei <dfn> ausführlich gezeigt.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl span

Die Hintergrundfarbe soll sich von Farbwert #6a5acd auf Farbwert #8b4513 ändern, wenn man mit der Maus auf <span> zeigt. Wir bereiten zunächst die Darstellung von <span> in Farbwert #6a5acd vor.

Als Beispiel legen wir Farbwert #6a5acd als Hintergrundfarbe von <span> fest.

<style type="text/css"><!--
  span { 
    background-color:#6a5acd;
  }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Hintergrundfarbe auf #8b4513 geändert wird.

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

Die Beschreibung vom HTML-Tag span finden Sie in der HTML Referenz unter <span>.