Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ee82ee und Farbwert #7b68ee

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ee82ee			Schriftfarbwert #7b68ee
Detail	:	Hintergrund #ee82ee	Detail	:	Schrift #7b68ee
Farbwert	:	#ee82ee	Farbwert	:	#7b68ee
Farbe	:	violet	Farbe	:	mediumslateblue
HTML	:	#ee82ee	HTML	:	#7b68ee
HTML (Wert)	:	#ee82ee	HTML (Wert)	:	#7b68ee
CSS	:	#ee82ee	CSS	:	#7b68ee
CSS (Wert)	:	#ee82ee	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#ee82ee	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(238,130,238)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(93%,50%,93%)	CSS (%RGB)	:	rgb(48%,40%,93%)

Verlauf Hintergrundfarbwert #ee82ee nach Schriftfarbwert #7b68ee
#ee82ee	#dd7eee	#cd7aee	#bc76ee	#ac73ee	#9b6fee	#8b6bee	#7b68ee
#ee82ee	#dd7eee	#cd7aee	#bc76ee	#ac73ee	#9b6fee	#8b6bee	#7b68ee

Kombination von #ee82ee und #7b68ee
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#7b68ee eignet sich nicht als Schriftfarbe auf Hintergrund #ee82ee, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #7b68ee und #ee82ee beträgt 91.47%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 8.53%.

Hintergrundfarbwert #ee82ee				Schriftfarbwert #7b68ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ee82ee	#ee82ee	#ee82ee	#ee82ee	#7b68ee	#7b68ee	#7b68ee	#7b68ee
#f093f0	#f093f0	#cc6fcc	#cc6fcc	#8d7df0	#8d7df0	#6959cc	#6959cc
#f2a5f2	#f2a5f2	#aa5caa	#aa5caa	#a093f2	#a093f2	#574aaa	#574aaa
#f5b7f5	#f5b7f5	#884a88	#884a88	#b3a8f5	#b3a8f5	#463b88	#463b88
#f7c9f7	#f7c9f7	#663766	#663766	#c6bef7	#c6bef7	#342c66	#342c66
#fadbfa	#fadbfa	#442544	#442544	#d9d3fa	#d9d3fa	#231d44	#231d44
#fcedfc	#fcedfc	#221222	#221222	#ece9fc	#ece9fc	#110e22	#110e22
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ee82ee und Farbwert #7b68ee

Zebra-Effekt von Tag th

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <th> mit den Hintergrundfarben Farbwert #ee82ee und Farbwert #7b68ee.

<style type="text/css"><!--
  th.ungerade { 
    background-color:#ee82ee;
  }
  th.gerade { 
    background-color:#7b68ee;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd genutzt.

<table>
<tr><td class="ungerade"><tt>A/A</td><td class="gerade"></tt>B/A</td><td class="ungerade"><tt>C/A</td></tr>
<tr><td class="ungerade"></tt>A/B</td><td class="gerade"><tt>B/B</td><td class="ungerade"></tt>C/B</td></tr>
<tr><td class="ungerade"><tt>A/C</td><td class="gerade"></tt>B/C</td><td class="ungerade">@C/C</td></tr>
</table>

Mehr zum Thema th können Sie in Tabellen in HTML nachlesen. Einzelheiten des Tag <th>.

Wechsel der Umrandung bei Hover mit Tag img

Die Rahmenfarbe soll sich von Farbwert #ee82ee auf Farbwert #7b68ee ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <img> in Farbwert #ee82ee vor.

In diesem Beispiel umranden wir <img> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #ee82ee.

<style type="text/css"><!--
  img { 
    border-style:dotted; 
    border-width:4px; 
    border-color:#ee82ee;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #7b68ee ändert.

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

Mehr zum Thema img können Sie in Grafik in HTML erfahren. Möglichkeiten vom HTML-Befehl <img>.