Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #6a5acd und Farbwert #9370db

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 #6a5acd			Schriftfarbwert #9370db
Detail	:	Hintergrund #6a5acd	Detail	:	Schrift #9370db
Farbwert	:	#6a5acd	Farbwert	:	#9370db
Farbe	:	slateblue	Farbe	:	mediumpurple
HTML	:	#6a5acd	HTML	:	#9370db
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#9370db
CSS	:	#6a5acd	CSS	:	#9370db
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#9370db
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#9370db
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(147,112,219)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(57%,43%,85%)

Verlauf Hintergrundfarbwert #6a5acd nach Schriftfarbwert #9370db
#6a5acd	#6f5dcf	#7560d1	#7b63d3	#8166d5	#8769d7	#8d6cd9	#9370db
#6a5acd	#6f5dcf	#7560d1	#7b63d3	#8166d5	#8769d7	#8d6cd9	#9370db

Kombination von #6a5acd und #9370db
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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #6a5acd ist #9370db ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit der Farben #9370db und #6a5acd ergibt sich zu 93.28%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.72%.

Hintergrundfarbwert #6a5acd				Schriftfarbwert #9370db
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#9370db	#9370db	#9370db	#9370db
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#a284e0	#a284e0	#7e60bb	#7e60bb
#9489db	#9489db	#4b4092	#4b4092	#b198e5	#b198e5	#69509c	#69509c
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#c1adea	#c1adea	#54407d	#54407d
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#d0c1ef	#d0c1ef	#3f305d	#3f305d
#d4cff0	#d4cff0	#1e193a	#1e193a	#e0d6f4	#e0d6f4	#2a203e	#2a203e
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#efeaf9	#efeaf9	#15101f	#15101f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6a5acd und Farbwert #9370db

Wechsel der Textfarbe bei Hover bei Tag li

Die Textfarbe soll sich von Farbwert #6a5acd auf Farbwert #9370db ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <li> in Farbwert #6a5acd vor.

In diesem Beispiel legen wir Farbwert #6a5acd als Textfarbe von <li> fest. Die Hintergrundfarbe behalten wir bei, ändern jedoch die Schriftart auf courier new. Die Größe der Schrift ändern wir auf 9pt:

<style type="text/css"><!--
  li { 
    font-family: courier new; 
    font-size: 9pt; 
    color: #6a5acd;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Textfarbe zu #9370db ändert.

<style type="text/css"><!--
  li:hover { 
    color:#9370db;
  }
//-->
</style>

Mehr zum Thema li erfahren Sie in Listen und Glossare in HTML. Zur Beschreibung des Tag <li>.

Füllen und Umranden mit Befehl tbody

Hier umranden wir <tbody> mit einem 5 Punkte dicken, einfallenden Rahmen in Farbwert #9370db . Die Hintergrundfarbe für <tbody> setzen wir auf Farbwert #6a5acd. Das geht in HTML nicht. Daher formatieren wir hier mit CSS.

<style type="text/css"><!--
  tbody { 
    background-color: #6a5acd; 
    border-width: 5pt; 
    border-style: inset; 
    border-color: #9370db;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Möglichkeiten vom Tag <tbody>.