Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #6a5acd und Farbwert #008b8b

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 #008b8b
Detail	:	Hintergrund #6a5acd	Detail	:	Schrift #008b8b
Farbwert	:	#6a5acd	Farbwert	:	#008b8b
Farbe	:	slateblue	Farbe	:	darkcyan
HTML	:	#6a5acd	HTML	:	#008b8b
HTML (Wert)	:	#6a5acd	HTML (Wert)	:	#008b8b
CSS	:	#6a5acd	CSS	:	#008b8b
CSS (Wert)	:	#6a5acd	CSS (Wert)	:	#008b8b
CSS (kürzest)	:	#6a5acd	CSS (kürzest)	:	#008b8b
CSS (RGB)	:	rgb(106,90,205)	CSS (RGB)	:	rgb(0,139,139)
CSS (%RGB)	:	rgb(41%,35%,80%)	CSS (%RGB)	:	rgb(0%,54%,54%)

Verlauf Hintergrundfarbwert #6a5acd nach Schriftfarbwert #008b8b
#6a5acd	#5a61c3	#4b68ba	#3c6fb0	#2d76a7	#1e7d9d	#0f8494	#008b8b
#6a5acd	#5a61c3	#4b68ba	#3c6fb0	#2d76a7	#1e7d9d	#0f8494	#008b8b

Kombination von #6a5acd und #008b8b
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#008b8b ist nicht als Schriftfarbe auf Hintergrund #6a5acd geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit von #008b8b und #6a5acd beträgt 93.90%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.10%.

Hintergrundfarbwert #6a5acd				Schriftfarbwert #008b8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#6a5acd	#6a5acd	#6a5acd	#6a5acd	#008b8b	#008b8b	#008b8b	#008b8b
#7f71d4	#7f71d4	#5a4daf	#5a4daf	#249b9b	#249b9b	#007777	#007777
#9489db	#9489db	#4b4092	#4b4092	#48acac	#48acac	#006363	#006363
#a9a0e2	#a9a0e2	#3c3375	#3c3375	#6dbcbc	#6dbcbc	#004f4f	#004f4f
#bfb8e9	#bfb8e9	#2d2657	#2d2657	#91cdcd	#91cdcd	#003b3b	#003b3b
#d4cff0	#d4cff0	#1e193a	#1e193a	#b6dddd	#b6dddd	#002727	#002727
#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d	#daeeee	#daeeee	#001313	#001313
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #6a5acd und Farbwert #008b8b

Wechsel der Umrandung bei Hover bei Befehl option

Die Rahmenfarbe soll sich von Farbwert #6a5acd auf Farbwert #008b8b ändern, wenn man mit der Maus auf <option> zeigt. Wir bereiten zunächst eine Darstellung von <option> in Farbwert #6a5acd vor.

In diesem Beispiel umranden wir <option> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbwert #6a5acd.

<style type="text/css"><!--
  option { border:1px ridge #6a5acd; }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #008b8b gesetzt wird.

<style type="text/css"><!--
  option:hover { 
    border-color:#008b8b;
  }
//-->
</style>

Mehr zu option finden Sie in Formulare in HTML. Möglichkeiten des hier gezeigten HTML-Tag option erfahren Sie in der HTML Referenz unter <option>.

Zebra-Effekt bei HTML-Befehl th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge beispielsweise die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ung und .ger für <th> mit unterschiedlichen Hintergrundfarben Farbwert #6a5acd und Farbwert #008b8b.

<style type="text/css"><!--
  th.ung { 
    background-color: #6a5acd;
  }
  th.ger { 
    background-color:#008b8b;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr><td class="ung">D1,1</td><td class="ger">D2,1</td><td class="ung">D3,1</td></tr>
<tr><td class="ung">D1,2</td><td class="ger">D2,2</td><td class="ung">D3,2</td></tr>
<tr><td class="ung">D1,3</td><td class="ger">D2,3</td><td class="ung">D3,3</td></tr>
</table>

Mehr zu th finden Sie in Tabellen in HTML. Mehr zum hier verwendeten Befehl <th>.