Ressourcen: 137 HTML Farbnamen - Kombination von Farbe green und Farbwert #f5fffa

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.

Hintergrundfarbe green			Schriftfarbwert #f5fffa
Detail	:	Hintergrund green	Detail	:	Schrift #f5fffa
Farbe	:	green	Farbwert	:	#f5fffa
Farbwert	:	#008000	Farbe	:	mintcream
HTML	:	green	HTML	:	#f5fffa
HTML (Wert)	:	#008000	HTML (Wert)	:	#f5fffa
CSS	:	green	CSS	:	#f5fffa
CSS (Wert)	:	#008000	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbe green nach Schriftfarbwert #f5fffa
#008000	#239223	#46a447	#69b66b	#8cc88e	#afdab2	#d2ecd6	#f5fffa
#008000	#239223	#46a447	#69b66b	#8cc88e	#afdab2	#d2ecd6	#f5fffa

Kombination von green und #f5fffa
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#f5fffa eignet sich als Schriftfarbe auf Hintergrund green. Sowohl der Helligkeitsunterschied als auch der Unterschied in den Farben sind in Ordnung. Die Ähnlichkeit von #f5fffa und green ergibt sich zu 76.04%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 23.96%.

Hintergrundfarbe green				Schriftfarbwert #f5fffa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#249224	#249224	#006d00	#006d00	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#48a448	#48a448	#005b00	#005b00	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#6db66d	#6db66d	#004900	#004900	#f9fffc	#f9fffc	#8c918e	#8c918e
#91c891	#91c891	#003600	#003600	#fafffc	#fafffc	#696d6b	#696d6b
#b6dab6	#b6dab6	#002400	#002400	#fcfffd	#fcfffd	#464847	#464847
#daecda	#daecda	#001200	#001200	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe green und Farbwert #f5fffa

Wechsel der Umrandung bei Hover von Befehl h1

Mit HTML-Befehl <h1> erzeugen Sie eine Überschrift der 1. Stufe und kann farblich gestaltet werden.

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

In diesem Beispiel umranden wir <h1> mit einem 4 Pixel dicken, doppelten Rahmen in Farbe green.

<style type="text/css"><!--
  h1 { 
    border-style: double; 
    border-color: green; 
    border-width: 4px;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Rahmenfarbe auf #f5fffa geändert wird.

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

Mehr zum Thema können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Der Tag h1 ist in der HTML Referenz unter <h1> genau beschrieben.

Wechsel der Textfarbe bei Hover bei HTML-Befehl abbr

Die Textfarbe soll sich von Farbe green auf Farbwert #f5fffa ändern, wenn man mit der Maus auf <abbr> zeigt. Bereiten wir zunächst die Formatierung von <abbr> in Farbe green vor.

Als Beispiel legen wir die Textfarbe von <abbr> auf Farbe green fest. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  abbr { 
    color:green; 
    font-size:13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #f5fffa geändert wird.

<style type="text/css"><!--
  abbr:hover { 
    color:#f5fffa;
  }
//-->
</style>

Einzelheiten vom HTML-Tag abbr sind in der HTML Referenz bei <abbr> ausführlich zusammengestellt.