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

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 #ba55d3			Schriftfarbwert #e9967a
Detail	:	Hintergrund #ba55d3	Detail	:	Schrift #e9967a
Farbwert	:	#ba55d3	Farbwert	:	#e9967a
Farbe	:	mediumorchid	Farbe	:	darksalmon
HTML	:	#ba55d3	HTML	:	#e9967a
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#e9967a
CSS	:	#ba55d3	CSS	:	#e9967a
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbwert #ba55d3 nach Schriftfarbwert #e9967a
#ba55d3	#c05ec6	#c767b9	#ce70ac	#d47aa0	#db8393	#e28c86	#e9967a
#ba55d3	#c05ec6	#c767b9	#ce70ac	#d47aa0	#db8393	#e28c86	#e9967a

Kombination von #ba55d3 und #e9967a
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #e9967a und #ba55d3 ergibt sich zu 91.86%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 8.14%. #e9967a ist nicht als Schriftfarbe auf Hintergrund #ba55d3 geeignet, weil die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #ba55d3				Schriftfarbwert #e9967a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#e9967a	#e9967a	#e9967a	#e9967a
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#eca58d	#eca58d	#c78068	#c78068
#cd85df	#cd85df	#843c96	#843c96	#efb4a0	#efb4a0	#a66b57	#a66b57
#d79de5	#d79de5	#6a3078	#6a3078	#f2c3b3	#f2c3b3	#855545	#855545
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#f5d2c6	#f5d2c6	#634034	#634034
#ebcef2	#ebcef2	#35183c	#35183c	#f8e1d9	#f8e1d9	#422a22	#422a22
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ba55d3 und Farbwert #e9967a

Zebra-Effekt von Befehl td

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom so genannten Zebra-Effekt. Dieser Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit unterschiedlichen Hintergrundfarben Farbwert #ba55d3 und Farbwert #e9967a.

<style type="text/css"><!--
  td.ungerade { 
    background-color:#ba55d3;
  }
  td.gerade { 
    background-color:#e9967a;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="ungerade">JA,A</td><td class="gerade">JB,A</td><td class="ungerade">JC,A</td></tr>
<tr><td class="ungerade">JA,B</td><td class="gerade">JB,B</td><td class="ungerade">JC,B</td></tr>
<tr><td class="ungerade">JA,C</td><td class="gerade">JB,C</td><td class="ungerade">JC,C</td></tr>
</table>

Mehr zu td können Sie in Tabellen in HTML nachsehen. Einzelheiten des hier verwendeten Befehl <td>.

Wechsel der Textfarbe bei Hover bei HTML-Tag dt

Die Textfarbe soll sich von Farbwert #ba55d3 auf Farbwert #e9967a ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst eine Formatierung von <dt> in Farbwert #ba55d3 vor.

Als Beispiel legen wir Farbwert #ba55d3 als Textfarbe von <dt> fest:

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

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #e9967a ändert.

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

Mehr zum Thema dt können Sie in Listen und Glossare in HTML nachsehen. Weiteres zum Tag dt finden Sie in der HTML Referenz unter <dt>.