Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #f5fffa und Farbwert #7cfc00

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

Verlauf Hintergrundfarbwert #f5fffa nach Schriftfarbwert #7cfc00
#f5fffa	#e3fed6	#d2feb2	#c1fd8e	#affd6b	#9efc47	#8dfc23	#7cfc00
#f5fffa	#e3fed6	#d2feb2	#c1fd8e	#affd6b	#9efc47	#8dfc23	#7cfc00

Kombination von #f5fffa und #7cfc00
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #f5fffa ist #7cfc00 ungeeignet, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #7cfc00 und #f5fffa ergibt sich zu 93.79%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 6.21%.

Hintergrundfarbwert #f5fffa				Schriftfarbwert #7cfc00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5fffa	#f5fffa	#f5fffa	#f5fffa	#7cfc00	#7cfc00	#7cfc00	#7cfc00
#f6fffa	#f6fffa	#d2dad6	#d2dad6	#8efc24	#8efc24	#6ad800	#6ad800
#f7fffb	#f7fffb	#afb6b2	#afb6b2	#a1fc48	#a1fc48	#58b400	#58b400
#f9fffc	#f9fffc	#8c918e	#8c918e	#b4fd6d	#b4fd6d	#469000	#469000
#fafffc	#fafffc	#696d6b	#696d6b	#c6fd91	#c6fd91	#356c00	#356c00
#fcfffd	#fcfffd	#464847	#464847	#d9feb6	#d9feb6	#234800	#234800
#fdfffe	#fdfffe	#232423	#232423	#ecfeda	#ecfeda	#112400	#112400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #f5fffa und Farbwert #7cfc00

Hintergrund/Text-Kombination von HTML-Befehl p

Wir ändern für dieses Beispiel die Textfarbe von <p> auf Farbwert #7cfc00 und die Hintergrundfarbe von <p> auf Farbwert #f5fffa. Als Schriftart setzen wir sans-serif. Als Schriftgröße wählen wir 127%.

<style type="text/css"><!--
  p { 
    color:#7cfc00; 
    background-color:#f5fffa; 
    font-family:sans-serif; 
    font-size:127%;
  }
//-->
</style>

Weiteres zum Thema p finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des hier genutzten HTML-Tag p finden Sie in der HTML Referenz unter <p>.

Wechsel der Umrandung bei Hover bei Befehl dt

Die Rahmenfarbe soll sich von Farbwert #f5fffa auf Farbwert #7cfc00 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbwert #f5fffa vor.

In diesem Beispiel umranden wir <dt> mit einem 2 Pixel dicken, gefurchten Rahmen in Farbwert #f5fffa.

<style type="text/css"><!--
  dt { border:2px groove #f5fffa; }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #7cfc00 ändert.

<style type="text/css"><!--
  dt: hover { 
    border-color: #7cfc00;
  }
//-->
</style>

Mehr zu dt lesen Sie in Listen und Glossare in HTML. Einzelheiten vom HTML-Tag dt lesen Sie in der HTML Referenz unter <dt>.