Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffaf0 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 #fffaf0			Schriftfarbe lawngreen
Detail	:	Hintergrund #fffaf0	Detail	:	Schrift lawngreen
Farbwert	:	#fffaf0	Farbe	:	lawngreen
Farbe	:	floralwhite	Farbwert	:	#7cfc00
HTML	:	#fffaf0	HTML	:	lawngreen
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#7cfc00
CSS	:	#fffaf0	CSS	:	lawngreen
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#7cfc00
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#7cfc00
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(124,252,0)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(48%,98%,0%)

Verlauf Hintergrundfarbwert #fffaf0 nach Schriftfarbe lawngreen
#fffaf0	#ecfacd	#d9faab	#c6fa89	#b4fb66	#a1fb44	#8efb22	#7cfc00
#fffaf0	#ecfacd	#d9faab	#c6fa89	#b4fb66	#a1fb44	#8efb22	#7cfc00

Kombination von #fffaf0 und lawngreen
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.				Die Ähnlichkeit der Farben lawngreen und #fffaf0 ergibt sich zu 93.91%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 6.09%. lawngreen ist nicht als Schriftfarbe auf Hintergrund #fffaf0 geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #fffaf0				Schriftfarbe lawngreen
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#7cfc00	#7cfc00	#7cfc00	#7cfc00
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#8efc24	#8efc24	#6ad800	#6ad800
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#a1fc48	#a1fc48	#58b400	#58b400
#fffcf6	#fffcf6	#918e89	#918e89	#b4fd6d	#b4fd6d	#469000	#469000
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#c6fd91	#c6fd91	#356c00	#356c00
#fffdfa	#fffdfa	#484744	#484744	#d9feb6	#d9feb6	#234800	#234800
#fffefc	#fffefc	#242322	#242322	#ecfeda	#ecfeda	#112400	#112400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fffaf0 und Farbe lawngreen

Wechsel der Hintergrundfarbe bei Hover bei Befehl a

Einen Link setzen Sie mit HTML-Befehl <a> und kann hervorgehoben und farblich gestaltet werden.

Die Hintergrundfarbe soll sich von Farbwert #fffaf0 auf Farbe lawngreen ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <a> in Farbwert #fffaf0 vor.

Wir legen in diesem Beispiel bei <a> die Hintergrundfarbe auf Farbwert #fffaf0 fest. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf arial.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf lawngreen geändert wird.

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

Mehr zum Thema finden Sie in Verweise und Protokolle in HTML. Die Beschreibung des HTML-Befehl a finden Sie in der HTML Referenz unter <a>.