Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #fff8dc und Farbwert #9acd32

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 #fff8dc			Schriftfarbwert #9acd32
Detail	:	Hintergrund #fff8dc	Detail	:	Schrift #9acd32
Farbwert	:	#fff8dc	Farbwert	:	#9acd32
Farbe	:	cornsilk	Farbe	:	yellowgreen
HTML	:	#fff8dc	HTML	:	#9acd32
HTML (Wert)	:	#fff8dc	HTML (Wert)	:	#9acd32
CSS	:	#fff8dc	CSS	:	#9acd32
CSS (Wert)	:	#fff8dc	CSS (Wert)	:	#9acd32
CSS (kürzest)	:	#fff8dc	CSS (kürzest)	:	#9acd32
CSS (RGB)	:	rgb(255,248,220)	CSS (RGB)	:	rgb(154,205,50)
CSS (%RGB)	:	rgb(100%,97%,86%)	CSS (%RGB)	:	rgb(60%,80%,19%)

Verlauf Hintergrundfarbwert #fff8dc nach Schriftfarbwert #9acd32
#fff8dc	#f0f1c3	#e2ebab	#d3e593	#c5df7a	#b6d962	#a8d34a	#9acd32
#fff8dc	#f0f1c3	#e2ebab	#d3e593	#c5df7a	#b6d962	#a8d34a	#9acd32

Kombination von #fff8dc und #9acd32
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 #9acd32 und #fff8dc beträgt 91.58%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 8.42%. Auf Hintergrund #fff8dc ist #9acd32 ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #fff8dc				Schriftfarbwert #9acd32
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff8dc	#fff8dc	#fff8dc	#fff8dc	#9acd32	#9acd32	#9acd32	#9acd32
#fff9e1	#fff9e1	#dad4bc	#dad4bc	#a8d44f	#a8d44f	#84af2a	#84af2a
#fffae6	#fffae6	#b6b19d	#b6b19d	#b6db6c	#b6db6c	#6e9223	#6e9223
#fffbeb	#fffbeb	#918d7d	#918d7d	#c5e289	#c5e289	#58751c	#58751c
#fffcf0	#fffcf0	#6d6a5e	#6d6a5e	#d3e9a7	#d3e9a7	#425715	#425715
#fffdf5	#fffdf5	#48463e	#48463e	#e2f0c4	#e2f0c4	#2c3a0e	#2c3a0e
#fffefa	#fffefa	#24231f	#24231f	#f0f7e1	#f0f7e1	#161d07	#161d07
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff8dc und Farbwert #9acd32

Zebra-Effekt bei Tag td

Man spricht vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe genommen werden. Der Effekt unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <td> mit unterschiedlichen Hintergrundfarben Farbwert #fff8dc und Farbwert #9acd32.

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

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="gerade">C1:1</td><td class="ungerade">C2:1</td><td class="gerade">C3:1</td></tr>
<tr><td class="gerade">C1:2</td><td class="ungerade">C2:2</td><td class="gerade">C3:2</td></tr>
<tr><td class="gerade">C1:3</td><td class="ungerade">C2:3</td><td class="gerade">C3:3</td></tr>
</table>

Weiteres zu td können Sie in Tabellen in HTML lesen. Weiteres zum HTML-Befehl td ist in der HTML Referenz bei <td> genau gezeigt.

Wechsel der Textfarbe bei Hover von HTML-Befehl strong

Die Textfarbe soll sich von Farbwert #fff8dc auf Farbwert #9acd32 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <strong> in Farbwert #fff8dc vor.

Wir setzen in diesem Beispiel bei <strong> die Textfarbe auf Farbwert #fff8dc. Zwar lassen wir die Hintergrundfarbe unverändert, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  strong { 
    font-family: courier new; 
    color: #fff8dc;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf #9acd32 geändert wird.

<style type="text/css"><!--
  strong:hover { 
    color:#9acd32;
  }
//-->
</style>

Weiteres zu strong können Sie in Text in HTML lesen. Weiteres zum hier genutzten Befehl strong ist in der HTML Referenz unter <strong> beschrieben.