Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lawngreen und Farbe antiquewhite

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 lawngreen			Schriftfarbe antiquewhite
Detail	:	Hintergrund lawngreen	Detail	:	Schrift antiquewhite
Farbe	:	lawngreen	Farbe	:	antiquewhite
Farbwert	:	#7cfc00	Farbwert	:	#faebd7
HTML	:	lawngreen	HTML	:	antiquewhite
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#faebd7
CSS	:	lawngreen	CSS	:	antiquewhite
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe lawngreen nach Schriftfarbe antiquewhite
#7cfc00	#8ef91e	#a0f73d	#b2f45c	#c4f27a	#d6ef99	#e8edb8	#faebd7
#7cfc00	#8ef91e	#a0f73d	#b2f45c	#c4f27a	#d6ef99	#e8edb8	#faebd7

Kombination von lawngreen und antiquewhite
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von antiquewhite und lawngreen beträgt 94.59%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.41%. Auf Hintergrund lawngreen ist antiquewhite ungeeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe lawngreen				Schriftfarbe antiquewhite
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#faebd7	#faebd7	#faebd7	#faebd7
#8efc24	#8efc24	#6ad800	#6ad800	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#a1fc48	#a1fc48	#58b400	#58b400	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#b4fd6d	#b4fd6d	#469000	#469000	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#c6fd91	#c6fd91	#356c00	#356c00	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#d9feb6	#d9feb6	#234800	#234800	#fdf9f3	#fdf9f3	#47433d	#47433d
#ecfeda	#ecfeda	#112400	#112400	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe lawngreen und Farbe antiquewhite

Wechsel der Textfarbe bei Hover von Befehl a

Einen Link erzeugen Sie mit Befehl <a> und kann farblich gestaltet und hervorgehoben werden.

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

In diesem Beispiel legen wir Farbe lawngreen als Textfarbe von <a> fest. Die Größe der Schrift ändern wir auf 9px:

<style type="text/css"><!--
  a { 
    color: lawngreen; 
    font-size: 9px;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf antiquewhite geändert wird.

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

Mehr zu a können Sie in Verweise und Protokolle in HTML erfahren. Zur Beschreibung des Tag <a>.