Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #e0ffff und Farbwert #800000

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 #e0ffff			Schriftfarbwert #800000
Detail	:	Hintergrund #e0ffff	Detail	:	Schrift #800000
Farbwert	:	#e0ffff	Farbwert	:	#800000
Farbe	:	lightcyan	Farbe	:	maroon
HTML	:	#e0ffff	HTML	:	#800000
HTML (Wert)	:	#e0ffff	HTML (Wert)	:	#800000
CSS	:	#e0ffff	CSS	:	#800000
CSS (Wert)	:	#e0ffff	CSS (Wert)	:	#800000
CSS (kürzest)	:	#e0ffff	CSS (kürzest)	:	#800000
CSS (RGB)	:	rgb(224,255,255)	CSS (RGB)	:	rgb(128,0,0)
CSS (%RGB)	:	rgb(87%,100%,100%)	CSS (%RGB)	:	rgb(50%,0%,0%)

Verlauf Hintergrundfarbwert #e0ffff nach Schriftfarbwert #800000
#e0ffff	#d2dada	#c4b6b6	#b69191	#a96d6d	#9b4848	#8d2424	#800000
#e0ffff	#d2dada	#c4b6b6	#b69191	#a96d6d	#9b4848	#8d2424	#800000

Kombination von #e0ffff und #800000
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #800000 und #e0ffff ergibt sich zu 50.55%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 49.45%. #800000 eignet sich als Schriftfarbe auf Hintergrund #e0ffff. Der Farbenunterschied ist gut, der Helligkeitsunterschied ebenso.

Hintergrundfarbwert #e0ffff				Schriftfarbwert #800000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e0ffff	#e0ffff	#e0ffff	#e0ffff	#800000	#800000	#800000	#800000
#e4ffff	#e4ffff	#c0dada	#c0dada	#922424	#922424	#6d0000	#6d0000
#e8ffff	#e8ffff	#a0b6b6	#a0b6b6	#a44848	#a44848	#5b0000	#5b0000
#edffff	#edffff	#809191	#809191	#b66d6d	#b66d6d	#490000	#490000
#f1ffff	#f1ffff	#606d6d	#606d6d	#c89191	#c89191	#360000	#360000
#f6ffff	#f6ffff	#404848	#404848	#dab6b6	#dab6b6	#240000	#240000
#faffff	#faffff	#202424	#202424	#ecdada	#ecdada	#120000	#120000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e0ffff und Farbwert #800000

Zebra-Effekt bei Befehl tr

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

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

Diese werden dann abwechselnd genutzt.

<table>
<tr class="yang"><td>AA,A</td><td>AB,A</td><td>AC,A</td></tr>
<tr class="ying"><td>AA,B</td><td>AB,B</td><td>AC,B</td></tr>
<tr class="yang"><td>AA,C</td><td>AB,C</td><td>AC,C</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML erfahren. Die Beschreibung vom HTML-Tag tr erfahren Sie in der HTML Referenz unter <tr>.

Wechsel der Textfarbe bei Hover mit HTML-Tag acronym

Die Textfarbe soll sich von Farbwert #e0ffff auf Farbwert #800000 ändern, wenn man mit der Maus auf <acronym> zeigt. Bereiten wir zunächst die Darstellung von <acronym> in Farbwert #e0ffff vor.

Als Beispiel legen wir die Textfarbe von <acronym> auf Farbwert #e0ffff fest.

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

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #800000 geändert wird.

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

Einzelheiten vom hier gezeigten HTML-Tag <acronym>.