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

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 darkolivegreen			Schriftfarbwert #fffafa
Detail	:	Hintergrund darkolivegreen	Detail	:	Schrift #fffafa
Farbe	:	darkolivegreen	Farbwert	:	#fffafa
Farbwert	:	#556b2f	Farbe	:	snow
HTML	:	darkolivegreen	HTML	:	#fffafa
HTML (Wert)	:	#556b2f	HTML (Wert)	:	#fffafa
CSS	:	darkolivegreen	CSS	:	#fffafa
CSS (Wert)	:	#556b2f	CSS (Wert)	:	#fffafa
CSS (kürzest)	:	#556b2f	CSS (kürzest)	:	#fffafa
CSS (RGB)	:	rgb(85,107,47)	CSS (RGB)	:	rgb(255,250,250)
CSS (%RGB)	:	rgb(33%,41%,18%)	CSS (%RGB)	:	rgb(100%,98%,98%)

Verlauf Hintergrundfarbe darkolivegreen nach Schriftfarbwert #fffafa
#556b2f	#6d7f4c	#859369	#9da886	#b6bca3	#ced1c0	#e6e5dd	#fffafa
#556b2f	#6d7f4c	#859369	#9da886	#b6bca3	#ced1c0	#e6e5dd	#fffafa

Kombination von darkolivegreen und #fffafa
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.				#fffafa eignet sich als Schriftfarbe auf Hintergrund darkolivegreen. Helligkeitsunterschied und Farbenunterschied sind gut. Die Ähnlichkeit der Farben #fffafa und darkolivegreen ergibt sich zu 72.61%. Die Lesbarkeit dieser Kombination bewerte ich mit 27.39%.

Hintergrundfarbe darkolivegreen				Schriftfarbwert #fffafa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#556b2f	#556b2f	#556b2f	#556b2f	#fffafa	#fffafa	#fffafa	#fffafa
#6d804c	#6d804c	#485b28	#485b28	#fffafa	#fffafa	#dad6d6	#dad6d6
#85956a	#85956a	#3c4c21	#3c4c21	#fffbfb	#fffbfb	#b6b2b2	#b6b2b2
#9daa88	#9daa88	#303d1a	#303d1a	#fffcfc	#fffcfc	#918e8e	#918e8e
#b6bfa5	#b6bfa5	#242d14	#242d14	#fffcfc	#fffcfc	#6d6b6b	#6d6b6b
#ced4c3	#ced4c3	#181e0d	#181e0d	#fffdfd	#fffdfd	#484747	#484747
#e6e9e1	#e6e9e1	#0c0f06	#0c0f06	#fffefe	#fffefe	#242323	#242323
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkolivegreen und Farbwert #fffafa

Wechsel der Umrandung bei Hover von HTML-Tag h4

Mit HTML-Tag <h4> erzeugen Sie eine Überschrift. Sie kann hervorgehoben und farblich gestaltet werden.

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

In diesem Beispiel umranden wir <h4> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbe darkolivegreen.

<style type="text/css"><!--
  h4 { border:3px dotted darkolivegreen; }
//-->
</style>

Jetzt fordern wir, dass bei Mausberührung die Rahmenfarbe auf #fffafa gesetzt wird.

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung vom hier verwendeten HTML-Befehl h4 lesen Sie in der HTML Referenz unter <h4>.

Wechsel der Hintergrundfarbe bei Hover von Befehl th

Die Hintergrundfarbe soll sich von Farbe darkolivegreen auf Farbwert #fffafa ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <th> in Farbe darkolivegreen vor.

Zum Beispiel setzen wir bei <th> die Hintergrundfarbe auf Farbe darkolivegreen und verringern die Schriftgröße auf 89%.

<style type="text/css"><!--
  th { 
    background-color:darkolivegreen; 
    font-size:89%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #fffafa gesetzt wird.

<style type="text/css"><!--
  th:hover { 
    background-color:#fffafa;
  }
//-->
</style>

Mehr zu th erfahren Sie in Tabellen in HTML. Die Beschreibung des HTML-Tag th lesen Sie in der HTML Referenz unter <th>.