Ressourcen: 120 HTML Farbnamen - Kombination von Farbe skyblue und Farbwert #ee82ee

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 skyblue			Schriftfarbwert #ee82ee
Detail	:	Hintergrund skyblue	Detail	:	Schrift #ee82ee
Farbe	:	skyblue	Farbwert	:	#ee82ee
Farbwert	:	#87ceeb	Farbe	:	violet
HTML	:	skyblue	HTML	:	#ee82ee
HTML (Wert)	:	#87ceeb	HTML (Wert)	:	#ee82ee
CSS	:	skyblue	CSS	:	#ee82ee
CSS (Wert)	:	#87ceeb	CSS (Wert)	:	#ee82ee
CSS (kürzest)	:	#87ceeb	CSS (kürzest)	:	#ee82ee
CSS (RGB)	:	rgb(135,206,235)	CSS (RGB)	:	rgb(238,130,238)
CSS (%RGB)	:	rgb(52%,80%,92%)	CSS (%RGB)	:	rgb(93%,50%,93%)

Verlauf Hintergrundfarbe skyblue nach Schriftfarbwert #ee82ee
#87ceeb	#95c3eb	#a4b8eb	#b3adec	#c1a2ec	#d097ed	#df8ced	#ee82ee
#87ceeb	#95c3eb	#a4b8eb	#b3adec	#c1a2ec	#d097ed	#df8ced	#ee82ee

Kombination von skyblue und #ee82ee
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #ee82ee und skyblue beträgt 93.66%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.34%. Auf Hintergrund skyblue ist #ee82ee ungeeignet, da sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe skyblue				Schriftfarbwert #ee82ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#87ceeb	#87ceeb	#87ceeb	#87ceeb	#ee82ee	#ee82ee	#ee82ee	#ee82ee
#98d5ed	#98d5ed	#73b0c9	#73b0c9	#f093f0	#f093f0	#cc6fcc	#cc6fcc
#a9dcf0	#a9dcf0	#6093a7	#6093a7	#f2a5f2	#f2a5f2	#aa5caa	#aa5caa
#bae3f3	#bae3f3	#4d7586	#4d7586	#f5b7f5	#f5b7f5	#884a88	#884a88
#cbeaf6	#cbeaf6	#395864	#395864	#f7c9f7	#f7c9f7	#663766	#663766
#dcf1f9	#dcf1f9	#263a43	#263a43	#fadbfa	#fadbfa	#442544	#442544
#edf8fc	#edf8fc	#131d21	#131d21	#fcedfc	#fcedfc	#221222	#221222
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe skyblue und Farbwert #ee82ee

Zebra-Effekt von Befehl th

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit unterschiedlichen Hintergrundfarben Farbe skyblue und Farbwert #ee82ee.

<style type="text/css"><!--
  th.yang { 
    background-color: skyblue;
  }
  th.ying { 
    background-color: #ee82ee;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="yang"><tt>a,a</td><td class="ying"></tt>b,a</td><td class="yang"><tt>c,a</td></tr>
<tr><td class="yang"></tt>a,b</td><td class="ying"><tt>b,b</td><td class="yang"></tt>c,b</td></tr>
<tr><td class="yang"><tt>a,c</td><td class="ying"></tt>b,c</td><td class="yang">@c,c</td></tr>
</table>

Weiteres zu th erfahren Sie in Tabellen in HTML. Beschreibung vom Tag <th>.

Wechsel der Textfarbe bei Hover bei HTML-Tag span

Die Textfarbe soll sich von Farbe skyblue auf Farbwert #ee82ee ändern, wenn man mit der Maus auf <span> zeigt. Wir bereiten zunächst eine Formatierung von <span> in Farbe skyblue vor.

Für dieses Beispiel legen wir Farbe skyblue als Textfarbe von <span> fest.

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

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #ee82ee gesetzt wird.

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

Weiteres zum Tag span erfahren Sie in der HTML Referenz unter <span>.