Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffacd und Farbe darkolivegreen

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.

Hintergrundfarbwert #fffacd			Schriftfarbe darkolivegreen
Detail	:	Hintergrund #fffacd	Detail	:	Schrift darkolivegreen
Farbwert	:	#fffacd	Farbe	:	darkolivegreen
Farbe	:	lemonchiffon	Farbwert	:	#556b2f
HTML	:	#fffacd	HTML	:	darkolivegreen
HTML (Wert)	:	#fffacd	HTML (Wert)	:	#556b2f
CSS	:	#fffacd	CSS	:	darkolivegreen
CSS (Wert)	:	#fffacd	CSS (Wert)	:	#556b2f
CSS (kürzest)	:	#fffacd	CSS (kürzest)	:	#556b2f
CSS (RGB)	:	rgb(255,250,205)	CSS (RGB)	:	rgb(85,107,47)
CSS (%RGB)	:	rgb(100%,98%,80%)	CSS (%RGB)	:	rgb(33%,41%,18%)

Verlauf Hintergrundfarbwert #fffacd nach Schriftfarbe darkolivegreen
#fffacd	#e6e5b6	#ced19f	#b6bc89	#9da872	#85935c	#6d7f45	#556b2f
#fffacd	#e6e5b6	#ced19f	#b6bc89	#9da872	#85935c	#6d7f45	#556b2f

Kombination von #fffacd und darkolivegreen
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #fffacd ist darkolivegreen ungeeignet, da die Farben zu ähnlich sind. Die Ähnlichkeit von darkolivegreen und #fffacd ergibt sich zu 73.28%. Die Lesbarkeit dieser Farbkombination liegt damit bei 26.72%.

Hintergrundfarbwert #fffacd				Schriftfarbe darkolivegreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffacd	#fffacd	#fffacd	#fffacd	#556b2f	#556b2f	#556b2f	#556b2f
#fffad4	#fffad4	#dad6af	#dad6af	#6d804c	#6d804c	#485b28	#485b28
#fffbdb	#fffbdb	#b6b292	#b6b292	#85956a	#85956a	#3c4c21	#3c4c21
#fffce2	#fffce2	#918e75	#918e75	#9daa88	#9daa88	#303d1a	#303d1a
#fffce9	#fffce9	#6d6b57	#6d6b57	#b6bfa5	#b6bfa5	#242d14	#242d14
#fffdf0	#fffdf0	#48473a	#48473a	#ced4c3	#ced4c3	#181e0d	#181e0d
#fffef7	#fffef7	#24231d	#24231d	#e6e9e1	#e6e9e1	#0c0f06	#0c0f06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffacd und Farbe darkolivegreen

Zebra-Effekt bei HTML-Befehl tr

Man redet von einem so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #fffacd und Farbe darkolivegreen.

<style type="text/css"><!--
  tr.odd { 
    background-color: #fffacd;
  }
  tr.even { 
    background-color:darkolivegreen;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr class="odd"><td>N1~1</td><td>N2~1</td><td>N3~1</td></tr>
<tr class="even"><td>N1~2</td><td>N2~2</td><td>N3~2</td></tr>
<tr class="odd"><td>N1~3</td><td>N2~3</td><td>N3~3</td></tr>
</table>

Weiteres zu tr erfahren Sie in Tabellen in HTML. Weiteres zum hier genutzten HTML-Tag <tr>.

Wechsel der Textfarbe bei Hover mit Befehl h5

Eine Überschrift erzeugen Sie mit Tag <h5>. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #fffacd auf Farbe darkolivegreen ändern, wenn man mit der Maus auf <h5> zeigt. Wir bereiten zunächst die Darstellung von <h5> in Farbwert #fffacd vor.

Wir ändern z.B. bei <h5> die Textfarbe auf Farbwert #fffacd. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf arial.

<style type="text/css"><!--
  h5 { 
    font-family: arial; 
    color: #fffacd;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe zu darkolivegreen ändert.

<style type="text/css"><!--
  h5: hover { 
    color: darkolivegreen;
  }
//-->
</style>

Weiteres zu h5 finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum Tag <h5>.