Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumaquamarine und Farbwert #fff5ee

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 mediumaquamarine			Schriftfarbwert #fff5ee
Detail	:	Hintergrund mediumaquamarine	Detail	:	Schrift #fff5ee
Farbe	:	mediumaquamarine	Farbwert	:	#fff5ee
Farbwert	:	#66cdaa	Farbe	:	seashell
HTML	:	mediumaquamarine	HTML	:	#fff5ee
HTML (Wert)	:	#66cdaa	HTML (Wert)	:	#fff5ee
CSS	:	mediumaquamarine	CSS	:	#fff5ee
CSS (Wert)	:	#66cdaa	CSS (Wert)	:	#fff5ee
CSS (kürzest)	:	#66cdaa	CSS (kürzest)	:	#fff5ee
CSS (RGB)	:	rgb(102,205,170)	CSS (RGB)	:	rgb(255,245,238)
CSS (%RGB)	:	rgb(40%,80%,66%)	CSS (%RGB)	:	rgb(100%,96%,93%)

Verlauf Hintergrundfarbe mediumaquamarine nach Schriftfarbwert #fff5ee
#66cdaa	#7bd2b3	#91d8bd	#a7dec7	#bde3d0	#d3e9da	#e9efe4	#fff5ee
#66cdaa	#7bd2b3	#91d8bd	#a7dec7	#bde3d0	#d3e9da	#e9efe4	#fff5ee

Kombination von mediumaquamarine und #fff5ee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in.				#fff5ee ist nicht als Schriftfarbe auf Hintergrund mediumaquamarine geeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit von #fff5ee und mediumaquamarine ergibt sich zu 91.44%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.56%.

Hintergrundfarbe mediumaquamarine				Schriftfarbwert #fff5ee
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#66cdaa	#66cdaa	#66cdaa	#66cdaa	#fff5ee	#fff5ee	#fff5ee	#fff5ee
#7bd4b6	#7bd4b6	#57af91	#57af91	#fff6f0	#fff6f0	#dad2cc	#dad2cc
#91dbc2	#91dbc2	#489279	#489279	#fff7f2	#fff7f2	#b6afaa	#b6afaa
#a7e2ce	#a7e2ce	#3a7561	#3a7561	#fff9f5	#fff9f5	#918c88	#918c88
#bde9da	#bde9da	#2b5748	#2b5748	#fffaf7	#fffaf7	#6d6966	#6d6966
#d3f0e6	#d3f0e6	#1d3a30	#1d3a30	#fffcfa	#fffcfa	#484644	#484644
#e9f7f2	#e9f7f2	#0e1d18	#0e1d18	#fffdfc	#fffdfc	#242322	#242322
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumaquamarine und Farbwert #fff5ee

Zebra-Effekt von Befehl td

Man spricht von einem Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ungerade und .gerade für <td> mit unterschiedlichen Hintergrundfarben Farbe mediumaquamarine und Farbwert #fff5ee.

<style type="text/css"><!--
  td.ungerade { 
    background-color: mediumaquamarine;
  }
  td.gerade { 
    background-color: #fff5ee;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd angewendet.

<table>
<tr><td class="ungerade">S1.1</td><td class="gerade">S2.1</td><td class="ungerade">S3.1</td></tr>
<tr><td class="ungerade">S1.2</td><td class="gerade">S2.2</td><td class="ungerade">S3.2</td></tr>
<tr><td class="ungerade">S1.3</td><td class="gerade">S2.3</td><td class="ungerade">S3.3</td></tr>
</table>

Mehr zu td erfahren Sie in Tabellen in HTML. Die Beschreibung vom HTML-Befehl td finden Sie in der HTML Referenz unter <td>.

Wechsel der Umrandung bei Hover mit HTML-Befehl kbd

Die Rahmenfarbe soll sich von Farbe mediumaquamarine auf Farbwert #fff5ee ändern, wenn man mit der Maus auf <kbd> zeigt. Wir bereiten zunächst die Formatierung von <kbd> in Farbe mediumaquamarine vor.

In diesem Beispiel umranden wir <kbd> mit einem 2 Pixel dicken, einfallenden Rahmen in Farbe mediumaquamarine.

<style type="text/css"><!--
  kbd { border:2px inset mediumaquamarine; }
//-->
</style>

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

<style type="text/css"><!--
  kbd:hover { 
    border-color:#fff5ee;
  }
//-->
</style>

Mehr zum Thema können Sie in Text in HTML nachlesen. Die Beschreibung vom Tag kbd finden Sie in der HTML Referenz unter <kbd>.