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

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.

Hintergrundfarbe lawngreen			Schriftfarbwert #a9a9a9
Detail	:	Hintergrund lawngreen	Detail	:	Schrift #a9a9a9
Farbe	:	lawngreen	Farbwert	:	#a9a9a9
Farbwert	:	#7cfc00	Farbe	:	darkgray
HTML	:	lawngreen	HTML	:	#a9a9a9
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#a9a9a9
CSS	:	lawngreen	CSS	:	#a9a9a9
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#a9a9a9
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#a9a9a9
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(169,169,169)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(66%,66%,66%)

Verlauf Hintergrundfarbe lawngreen nach Schriftfarbwert #a9a9a9
#7cfc00	#82f018	#88e430	#8fd848	#95cc60	#9cc078	#a2b490	#a9a9a9
#7cfc00	#82f018	#88e430	#8fd848	#95cc60	#9cc078	#a2b490	#a9a9a9

Kombination von lawngreen und #a9a9a9
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #a9a9a9 und lawngreen beträgt 91.59%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.41%. #a9a9a9 ist nicht als Schriftfarbe auf Hintergrund lawngreen geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe lawngreen				Schriftfarbwert #a9a9a9
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#a9a9a9	#a9a9a9	#a9a9a9	#a9a9a9
#8efc24	#8efc24	#6ad800	#6ad800	#b5b5b5	#b5b5b5	#909090	#909090
#a1fc48	#a1fc48	#58b400	#58b400	#c1c1c1	#c1c1c1	#787878	#787878
#b4fd6d	#b4fd6d	#469000	#469000	#cdcdcd	#cdcdcd	#606060	#606060
#c6fd91	#c6fd91	#356c00	#356c00	#dadada	#dadada	#484848	#484848
#d9feb6	#d9feb6	#234800	#234800	#e6e6e6	#e6e6e6	#303030	#303030
#ecfeda	#ecfeda	#112400	#112400	#f2f2f2	#f2f2f2	#181818	#181818
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lawngreen und Farbwert #a9a9a9

Wechsel der Textfarbe bei Hover von HTML-Befehl a

Mit Befehl <a> wird ein Hyperlink gesetzt. Diesen kann man farblich gestalten.

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

Hier ändern wir bei <a> die Textfarbe auf Farbe lawngreen.

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

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #a9a9a9 ändert.

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Der hier verwendete Tag a ist in der HTML Referenz unter <a> genau beschrieben.

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag dfn

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

Wir setzen für dieses Beispiel die Hintergrundfarbe von <dfn> auf Farbe lawngreen. Die Textfarbe ändern wir nicht. Die Schriftart ändern wir auf monospace:

<style type="text/css"><!--
  dfn { 
    background-color:lawngreen; 
    font-family:monospace;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf #a9a9a9 gesetzt wird.

<style type="text/css"><!--
  dfn:hover { 
    background-color:#a9a9a9;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Text in HTML. Einzelheiten vom hier gezeigten HTML-Tag dfn sind in der HTML Referenz unter <dfn> genau gezeigt.