Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #66cdaa und Farbwert #f0ffff

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 #66cdaa			Schriftfarbwert #f0ffff
Detail	:	Hintergrund #66cdaa	Detail	:	Schrift #f0ffff
Farbwert	:	#66cdaa	Farbwert	:	#f0ffff
Farbe	:	mediumaquamarine	Farbe	:	azure
HTML	:	#66cdaa	HTML	:	#f0ffff
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#f0ffff
CSS	:	#66cdaa	CSS	:	#f0ffff
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#f0ffff
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#f0ffff
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(240,255,255)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(94%,100%,100%)

Verlauf Hintergrundfarbwert #66cdaa nach Schriftfarbwert #f0ffff
#66cdaa	#79d4b6	#8ddbc2	#a1e2ce	#b4e9da	#c8f0e6	#dcf7f2	#f0ffff
#66cdaa	#79d4b6	#8ddbc2	#a1e2ce	#b4e9da	#c8f0e6	#dcf7f2	#f0ffff

Kombination von #66cdaa und #f0ffff
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #f0ffff und #66cdaa beträgt 91.05%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.95%. Auf Hintergrund #66cdaa ist #f0ffff ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbwert #66cdaa				Schriftfarbwert #f0ffff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#f0ffff	#f0ffff	#f0ffff	#f0ffff
#7bd4b6	#7bd4b6	#57af91	#57af91	#f2ffff	#f2ffff	#cddada	#cddada
#91dbc2	#91dbc2	#489279	#489279	#f4ffff	#f4ffff	#abb6b6	#abb6b6
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#f6ffff	#f6ffff	#899191	#899191
#bde9da	#bde9da	#2b5748	#2b5748	#f8ffff	#f8ffff	#666d6d	#666d6d
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#faffff	#faffff	#444848	#444848
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#fcffff	#fcffff	#222424	#222424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #66cdaa und Farbwert #f0ffff

Zebra-Effekt mit HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man von einem Zebra-Effekt. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #66cdaa und Farbwert #f0ffff.

<style type="text/css"><!--
  tr.gerade { 
    background-color:#66cdaa;
  }
  tr.ungerade { 
    background-color:#f0ffff;
  }
//-->
</style>

Diese werden dann abwechselnd verwendet.

<table>
<tr class="gerade"><td>SA/A</td><td>SB/A</td><td>SC/A</td></tr>
<tr class="ungerade"><td>SA/B</td><td>SB/B</td><td>SC/B</td></tr>
<tr class="gerade"><td>SA/C</td><td>SB/C</td><td>SC/C</td></tr>
</table>

Weiteres zum Thema können Sie in Tabellen in HTML nachsehen. Möglichkeiten des HTML-Befehl <tr>.

Wechsel der Textfarbe bei Hover bei Tag acronym

Die Textfarbe soll sich von Farbwert #66cdaa auf Farbwert #f0ffff ändern, wenn man mit der Maus auf <acronym> zeigt. Wir bereiten zunächst die Darstellung von <acronym> in Farbwert #66cdaa vor.

Wir legen hier Farbwert #66cdaa als Textfarbe von <acronym> fest. Die Schriftgröße verringern wir auf 98%:

<style type="text/css"><!--
  acronym { 
    color: #66cdaa; 
    font-size: 98%;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe zu #f0ffff ändert.

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

Zur Beschreibung des hier genutzten HTML-Tag <acronym>.