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

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 #ba55d3
Detail	:	Hintergrund turquoise	Detail	:	Schrift #ba55d3
Farbe	:	turquoise	Farbwert	:	#ba55d3
Farbwert	:	#40e0d0	Farbe	:	mediumorchid
HTML	:	turquoise	HTML	:	#ba55d3
HTML (Wert)	:	#40e0d0	HTML (Wert)	:	#ba55d3
CSS	:	turquoise	CSS	:	#ba55d3
CSS (Wert)	:	#40e0d0	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#40e0d0	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(64,224,208)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(25%,87%,81%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbe turquoise nach Schriftfarbwert #ba55d3
#40e0d0	#51ccd0	#62b8d0	#74a4d1	#8590d1	#977cd2	#a868d2	#ba55d3
#40e0d0	#51ccd0	#62b8d0	#74a4d1	#8590d1	#977cd2	#a868d2	#ba55d3

Kombination von turquoise und #ba55d3
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#ba55d3 ist nicht als Schriftfarbe auf Hintergrund turquoise geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #ba55d3 und turquoise ergibt sich zu 88.57%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 11.43%.

Hintergrundfarbe turquoise				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#40e0d0	#40e0d0	#40e0d0	#40e0d0	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#5be4d6	#5be4d6	#36c0b2	#36c0b2	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#76e8dd	#76e8dd	#2da094	#2da094	#cd85df	#cd85df	#843c96	#843c96
#91ede4	#91ede4	#248076	#248076	#d79de5	#d79de5	#6a3078	#6a3078
#adf1ea	#adf1ea	#1b6059	#1b6059	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#c8f6f1	#c8f6f1	#12403b	#12403b	#ebcef2	#ebcef2	#35183c	#35183c
#e3faf8	#e3faf8	#09201d	#09201d	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe turquoise und Farbwert #ba55d3

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit den Hintergrundfarben Farbe turquoise und Farbwert #ba55d3.

<style type="text/css"><!--
  tr.odd { 
    background-color:turquoise;
  }
  tr.even { 
    background-color: #ba55d3;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr class="odd"><td>J1~1</td><td>J2~1</td><td>J3~1</td></tr>
<tr class="even"><td>J1~2</td><td>J2~2</td><td>J3~2</td></tr>
<tr class="odd"><td>J1~3</td><td>J2~3</td><td>J3~3</td></tr>
</table>

Weiteres zu tr können Sie in Tabellen in HTML nachlesen. Mehr zum HTML-Befehl <tr>.

Wechsel der Textfarbe bei Hover von HTML-Tag strong

Die Textfarbe soll sich von Farbe turquoise auf Farbwert #ba55d3 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <strong> in Farbe turquoise vor.

Wir legen zum Beispiel Farbe turquoise als Textfarbe von <strong> fest.

<style type="text/css"><!--
  strong { 
    color:turquoise;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #ba55d3 geändert wird.

<style type="text/css"><!--
  strong: hover { 
    color: #ba55d3;
  }
//-->
</style>

Mehr zum Thema strong lesen Sie in Text in HTML. Mehr zum Tag strong ist in der HTML Referenz bei <strong> genau beschrieben.