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

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 #fffafa			Schriftfarbe lawngreen
Detail	:	Hintergrund #fffafa	Detail	:	Schrift lawngreen
Farbwert	:	#fffafa	Farbe	:	lawngreen
Farbe	:	snow	Farbwert	:	#7cfc00
HTML	:	#fffafa	HTML	:	lawngreen
HTML (Wert)	:	#fffafa	HTML (Wert)	:	#7cfc00
CSS	:	#fffafa	CSS	:	lawngreen
CSS (Wert)	:	#fffafa	CSS (Wert)	:	#7cfc00
CSS (kürzest)	:	#fffafa	CSS (kürzest)	:	#7cfc00
CSS (RGB)	:	rgb(255,250,250)	CSS (RGB)	:	rgb(124,252,0)
CSS (%RGB)	:	rgb(100%,98%,98%)	CSS (%RGB)	:	rgb(48%,98%,0%)

Verlauf Hintergrundfarbwert #fffafa nach Schriftfarbe lawngreen
#fffafa	#ecfad6	#d9fab2	#c6fa8e	#b4fb6b	#a1fb47	#8efb23	#7cfc00
#fffafa	#ecfad6	#d9fab2	#c6fa8e	#b4fb6b	#a1fb47	#8efb23	#7cfc00

Kombination von #fffafa und lawngreen
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit der Farben lawngreen und #fffafa ergibt sich zu 93.87%. Die Lesbarkeit dieser Kombination liegt damit bei 6.13%. lawngreen ist nicht als Schriftfarbe auf Hintergrund #fffafa geeignet, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #fffafa				Schriftfarbe lawngreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffafa	#fffafa	#fffafa	#fffafa	#7cfc00	#7cfc00	#7cfc00	#7cfc00
#fffafa	#fffafa	#dad6d6	#dad6d6	#8efc24	#8efc24	#6ad800	#6ad800
#fffbfb	#fffbfb	#b6b2b2	#b6b2b2	#a1fc48	#a1fc48	#58b400	#58b400
#fffcfc	#fffcfc	#918e8e	#918e8e	#b4fd6d	#b4fd6d	#469000	#469000
#fffcfc	#fffcfc	#6d6b6b	#6d6b6b	#c6fd91	#c6fd91	#356c00	#356c00
#fffdfd	#fffdfd	#484747	#484747	#d9feb6	#d9feb6	#234800	#234800
#fffefe	#fffefe	#242323	#242323	#ecfeda	#ecfeda	#112400	#112400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fffafa und Farbe lawngreen

Wechsel der Umrandung bei Hover mit Befehl a

Ein Hyperlink wird mit Befehl <a> gesetzt. Er kann farblich gestaltet und hervorgehoben werden.

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

In diesem Beispiel umranden wir <a> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbwert #fffafa.

<style type="text/css"><!--
  a { 
    border-style:ridge; 
    border-color:#fffafa; 
    border-width:2px;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf lawngreen ändert.

<style type="text/css"><!--
  a:hover { 
    border-color:lawngreen;
  }
//-->
</style>

Weiteres zu a können Sie in Verweise und Protokolle in HTML lesen. Der HTML-Befehl a ist in der HTML Referenz bei <a> genau gezeigt.

Wechsel der Textfarbe bei Hover bei HTML-Tag pre

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

Wir setzen als Beispiel die Textfarbe von <pre> auf Farbwert #fffafa. Die Hintergrundfarbe behalten wir bei. Die Schriftart setzen wir auf arial.

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

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe zu lawngreen ändert.

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

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML finden. Einzelheiten des HTML-Befehl pre lesen Sie in der HTML Referenz unter <pre>.