Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumspringgreen und Farbwert #ffe4b5

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 mediumspringgreen			Schriftfarbwert #ffe4b5
Detail	:	Hintergrund mediumspringgreen	Detail	:	Schrift #ffe4b5
Farbe	:	mediumspringgreen	Farbwert	:	#ffe4b5
Farbwert	:	#00fa9a	Farbe	:	moccasin
HTML	:	mediumspringgreen	HTML	:	#ffe4b5
HTML (Wert)	:	#00fa9a	HTML (Wert)	:	#ffe4b5
CSS	:	mediumspringgreen	CSS	:	#ffe4b5
CSS (Wert)	:	#00fa9a	CSS (Wert)	:	#ffe4b5
CSS (kürzest)	:	#00fa9a	CSS (kürzest)	:	#ffe4b5
CSS (RGB)	:	rgb(0,250,154)	CSS (RGB)	:	rgb(255,228,181)
CSS (%RGB)	:	rgb(0%,98%,60%)	CSS (%RGB)	:	rgb(100%,89%,70%)

Verlauf Hintergrundfarbe mediumspringgreen nach Schriftfarbwert #ffe4b5
#00fa9a	#24f69d	#48f3a1	#6df0a5	#91eda9	#b6eaad	#dae7b1	#ffe4b5
#00fa9a	#24f69d	#48f3a1	#6df0a5	#91eda9	#b6eaad	#dae7b1	#ffe4b5

Kombination von mediumspringgreen und #ffe4b5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante.				Auf Hintergrund mediumspringgreen ist #ffe4b5 ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit von #ffe4b5 und mediumspringgreen ergibt sich zu 94.65%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.35%.

Hintergrundfarbe mediumspringgreen				Schriftfarbwert #ffe4b5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00fa9a	#00fa9a	#00fa9a	#00fa9a	#ffe4b5	#ffe4b5	#ffe4b5	#ffe4b5
#24faa8	#24faa8	#00d684	#00d684	#ffe7bf	#ffe7bf	#dac39b	#dac39b
#48fbb6	#48fbb6	#00b26e	#00b26e	#ffebca	#ffebca	#b6a281	#b6a281
#6dfcc5	#6dfcc5	#008e58	#008e58	#ffefd4	#ffefd4	#918267	#918267
#91fcd3	#91fcd3	#006b42	#006b42	#fff3df	#fff3df	#6d614d	#6d614d
#b6fde2	#b6fde2	#00472c	#00472c	#fff7e9	#fff7e9	#484133	#484133
#dafef0	#dafef0	#002316	#002316	#fffbf4	#fffbf4	#242019	#242019
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumspringgreen und Farbwert #ffe4b5

Wechsel der Umrandung bei Hover von HTML-Befehl img

Die Rahmenfarbe soll sich von Farbe mediumspringgreen auf Farbwert #ffe4b5 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <img> in Farbe mediumspringgreen vor.

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

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #ffe4b5 ändert.

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

Weiteres zum Thema img finden Sie in Grafik in HTML. Möglichkeiten des hier verwendeten HTML-Befehl img sind in der HTML Referenz unter <img> beschrieben.

Zebra-Effekt mit HTML-Tag th

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Der Effekt unterstützt das Auge, etwa die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .yang und .ying für <th> mit den Hintergrundfarben Farbe mediumspringgreen und Farbwert #ffe4b5.

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

Diese werden dann abwechselnd genutzt.

<table>
<tr><td class="yang">Ra.a</td><td class="ying">Rb.a</td><td class="yang">Rc.a</td></tr>
<tr><td class="yang">Ra.b</td><td class="ying">Rb.b</td><td class="yang">Rc.b</td></tr>
<tr><td class="yang">Ra.c</td><td class="ying">Rb.c</td><td class="yang">Rc.c</td></tr>
</table>

Mehr zum Thema finden Sie in Tabellen in HTML. Der hier gezeigte HTML-Tag th ist in der HTML Referenz unter <th> ausführlich zusammengestellt.