Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fffaf0 und Farbwert #7fff00

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			Schriftfarbwert #7fff00
Detail	:	Hintergrund #fffaf0	Detail	:	Schrift #7fff00
Farbwert	:	#fffaf0	Farbwert	:	#7fff00
Farbe	:	floralwhite	Farbe	:	chartreuse
HTML	:	#fffaf0	HTML	:	#7fff00
HTML (Wert)	:	#fffaf0	HTML (Wert)	:	#7fff00
CSS	:	#fffaf0	CSS	:	#7fff00
CSS (Wert)	:	#fffaf0	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#fffaf0	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(255,250,240)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(100%,98%,94%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbwert #fffaf0 nach Schriftfarbwert #7fff00
#fffaf0	#ecfacd	#dafbab	#c8fc89	#b5fc66	#a3fd44	#91fe22	#7fff00
#fffaf0	#ecfacd	#dafbab	#c8fc89	#b5fc66	#a3fd44	#91fe22	#7fff00

Kombination von #fffaf0 und #7fff00
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #7fff00 und #fffaf0 ergibt sich zu 94.07%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.93%. Auf Hintergrund #fffaf0 ist #7fff00 ungeeignet, da die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #fffaf0				Schriftfarbwert #7fff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fffaf0	#fffaf0	#fffaf0	#fffaf0	#7fff00	#7fff00	#7fff00	#7fff00
#fffaf2	#fffaf2	#dad6cd	#dad6cd	#91ff24	#91ff24	#6cda00	#6cda00
#fffbf4	#fffbf4	#b6b2ab	#b6b2ab	#a3ff48	#a3ff48	#5ab600	#5ab600
#fffcf6	#fffcf6	#918e89	#918e89	#b5ff6d	#b5ff6d	#489100	#489100
#fffcf8	#fffcf8	#6d6b66	#6d6b66	#c8ff91	#c8ff91	#366d00	#366d00
#fffdfa	#fffdfa	#484744	#484744	#daffb6	#daffb6	#244800	#244800
#fffefc	#fffefc	#242322	#242322	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #fffaf0 und Farbwert #7fff00

Wechsel der Umrandung bei Hover mit HTML-Befehl a

Einen Link erzeugt man mit Befehl <a>. Diesen können Sie hervorheben und farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #fffaf0 auf Farbwert #7fff00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <a> in Farbwert #fffaf0 vor.

In diesem Beispiel umranden wir <a> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbwert #fffaf0.

<style type="text/css"><!--
  a { border:4px dotted #fffaf0; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #7fff00 ändert.

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

Weiteres zum Thema erfahren Sie in Verweise und Protokolle in HTML. Möglichkeiten vom Befehl <a>.