Ressourcen: 120 HTML Farbnamen - Kombination von Farbe turquoise und Farbwert #7b68ee

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.

Hintergrundfarbe turquoise			Schriftfarbwert #7b68ee
Detail	:	Hintergrund turquoise	Detail	:	Schrift #7b68ee
Farbe	:	turquoise	Farbwert	:	#7b68ee
Farbwert	:	#40e0d0	Farbe	:	mediumslateblue
HTML	:	turquoise	HTML	:	#7b68ee
HTML (Wert)	:	#40e0d0	HTML (Wert)	:	#7b68ee
CSS	:	turquoise	CSS	:	#7b68ee
CSS (Wert)	:	#40e0d0	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#40e0d0	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(64,224,208)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(25%,87%,81%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbe turquoise nach Schriftfarbwert #7b68ee
#40e0d0	#48ced4	#50bdd8	#59acdc	#619be1	#6a8ae5	#7279e9	#7b68ee
#40e0d0	#48ced4	#50bdd8	#59acdc	#619be1	#6a8ae5	#7279e9	#7b68ee

Kombination von turquoise und #7b68ee
Cras id velit ante. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #7b68ee und turquoise beträgt 87.96%. Die Lesbarkeit dieser Kombination liegt damit bei 12.04%. #7b68ee ist nicht als Schriftfarbe auf Hintergrund turquoise geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe turquoise				Schriftfarbwert #7b68ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#40e0d0	#40e0d0	#40e0d0	#40e0d0	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#5be4d6	#5be4d6	#36c0b2	#36c0b2	#8d7df0	#8d7df0	#6959cc	#6959cc
#76e8dd	#76e8dd	#2da094	#2da094	#a093f2	#a093f2	#574aaa	#574aaa
#91ede4	#91ede4	#248076	#248076	#b3a8f5	#b3a8f5	#463b88	#463b88
#adf1ea	#adf1ea	#1b6059	#1b6059	#c6bef7	#c6bef7	#342c66	#342c66
#c8f6f1	#c8f6f1	#12403b	#12403b	#d9d3fa	#d9d3fa	#231d44	#231d44
#e3faf8	#e3faf8	#09201d	#09201d	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe turquoise und Farbwert #7b68ee

Wechsel der Umrandung bei Hover bei Befehl frameset

Die Rahmenfarbe soll sich von Farbe turquoise auf Farbwert #7b68ee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <frameset> in Farbe turquoise vor.

In diesem Beispiel umranden wir <frameset> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbe turquoise.

<style type="text/css"><!--
  frameset { border:1px dotted turquoise; }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #7b68ee ändert.

<style type="text/css"><!--
  frameset:hover { 
    border-color:#7b68ee;
  }
//-->
</style>

Mehr zum Tag frameset erfahren Sie in der HTML Referenz unter <frameset>.

Zebra-Effekt bei HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem Zebra-Effekt. Der Effekt unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ger und .ung für <th> mit unterschiedlichen Hintergrundfarben Farbe turquoise und Farbwert #7b68ee.

<style type="text/css"><!--
  th.ger { 
    background-color: turquoise;
  }
  th.ung { 
    background-color:#7b68ee;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ger">Wa:a</td><td class="ung">Wb:a</td><td class="ger">Wc:a</td></tr>
<tr><td class="ger">Wa:b</td><td class="ung">Wb:b</td><td class="ger">Wc:b</td></tr>
<tr><td class="ger">Wa:c</td><td class="ung">Wb:c</td><td class="ger">Wc:c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML lesen. Möglichkeiten des hier genutzten HTML-Befehl th erfahren Sie in der HTML Referenz unter <th>.