Ressourcen: 120 HTML Farbnamen - Kombination von Farbe lightgoldenrodyellow und Farbwert #9932cc

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 lightgoldenrodyellow			Schriftfarbwert #9932cc
Detail	:	Hintergrund lightgoldenrodyellow	Detail	:	Schrift #9932cc
Farbe	:	lightgoldenrodyellow	Farbwert	:	#9932cc
Farbwert	:	#fafad2	Farbe	:	darkorchid
HTML	:	lightgoldenrodyellow	HTML	:	#9932cc
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#9932cc
CSS	:	lightgoldenrodyellow	CSS	:	#9932cc
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#9932cc
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#9932cc
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(153,50,204)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(60%,19%,80%)

Verlauf Hintergrundfarbe lightgoldenrodyellow nach Schriftfarbwert #9932cc
#fafad2	#ecddd1	#dec0d0	#d0a4cf	#c287ce	#b46bcd	#a64ecc	#9932cc
#fafad2	#ecddd1	#dec0d0	#d0a4cf	#c287ce	#b46bcd	#a64ecc	#9932cc

Kombination von lightgoldenrodyellow und #9932cc
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #9932cc und lightgoldenrodyellow beträgt 74.57%. Die Lesbarkeit dieser Kombination ergibt sich zu 25.43%. #9932cc eignet sich nicht als Schriftfarbe auf Hintergrund lightgoldenrodyellow, weil der Unterschied in den Farben zu gering ist

Hintergrundfarbe lightgoldenrodyellow				Schriftfarbwert #9932cc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#9932cc	#9932cc	#9932cc	#9932cc
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#a74fd3	#a74fd3	#832aae	#832aae
#fbfbde	#fbfbde	#b2b296	#b2b296	#b66cda	#b66cda	#6d2391	#6d2391
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#c489e1	#c489e1	#571c74	#571c74
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#d3a7e9	#d3a7e9	#411557	#411557
#fdfdf2	#fdfdf2	#47473c	#47473c	#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a
#fefef8	#fefef8	#23231e	#23231e	#f0e1f7	#f0e1f7	#15071d	#15071d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lightgoldenrodyellow und Farbwert #9932cc

Zebra-Effekt von Befehl tr

Man spricht von einem 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 .yang und .ying für <tr> mit unterschiedlichen Hintergrundfarben Farbe lightgoldenrodyellow und Farbwert #9932cc.

<style type="text/css"><!--
  tr.yang { 
    background-color: lightgoldenrodyellow;
  }
  tr.ying { 
    background-color: #9932cc;
  }
//-->
</style>

Diese werden dann abwechselnd genutzt.

<table>
<tr class="yang"><td>FA~A</td><td>FB~A</td><td>FC~A</td></tr>
<tr class="ying"><td>FA~B</td><td>FB~B</td><td>FC~B</td></tr>
<tr class="yang"><td>FA~C</td><td>FB~C</td><td>FC~C</td></tr>
</table>

Mehr zum Thema tr können Sie in Tabellen in HTML nachsehen. Möglichkeiten des Tag <tr>.

Wechsel der Textfarbe bei Hover bei Tag div

Mit HTML-Befehl <div> wird ein Kontainer gesetzt. Diesen können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe lightgoldenrodyellow auf Farbwert #9932cc ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <div> in Farbe lightgoldenrodyellow vor.

Z.B. legen wir Farbe lightgoldenrodyellow als Textfarbe von <div> fest. Die Schriftgröße setzen wir auf 113%:

<style type="text/css"><!--
  div { 
    font-size:113%; 
    color:lightgoldenrodyellow;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe zu #9932cc ändert.

<style type="text/css"><!--
  div: hover { 
    color: #9932cc;
  }
//-->
</style>

Weiteres zum hier genutzten Befehl div lesen Sie in der HTML Referenz unter <div>.