Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lawngreen und Farbwert #a52a2a

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			Schriftfarbwert #a52a2a
Detail	:	Hintergrund lawngreen	Detail	:	Schrift #a52a2a
Farbe	:	lawngreen	Farbwert	:	#a52a2a
Farbwert	:	#7cfc00	Farbe	:	brown
HTML	:	lawngreen	HTML	:	#a52a2a
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#a52a2a
CSS	:	lawngreen	CSS	:	#a52a2a
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbe lawngreen nach Schriftfarbwert #a52a2a
#7cfc00	#81de06	#87c00c	#8da212	#938418	#99661e	#9f4824	#a52a2a
#7cfc00	#81de06	#87c00c	#8da212	#938418	#99661e	#9f4824	#a52a2a

Kombination von lawngreen und #a52a2a
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit der Farben #a52a2a und lawngreen ergibt sich zu 74.65%. Die Lesbarkeit dieser Farbkombination liegt damit bei 25.35%. #a52a2a ist nicht als Schriftfarbe auf Hintergrund lawngreen geeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich.

Hintergrundfarbe lawngreen				Schriftfarbwert #a52a2a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#8efc24	#8efc24	#6ad800	#6ad800	#b14848	#b14848	#8d2424	#8d2424
#a1fc48	#a1fc48	#58b400	#58b400	#be6666	#be6666	#751e1e	#751e1e
#b4fd6d	#b4fd6d	#469000	#469000	#cb8585	#cb8585	#5e1818	#5e1818
#c6fd91	#c6fd91	#356c00	#356c00	#d8a3a3	#d8a3a3	#461212	#461212
#d9feb6	#d9feb6	#234800	#234800	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#ecfeda	#ecfeda	#112400	#112400	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lawngreen und Farbwert #a52a2a

Wechsel der Umrandung bei Hover bei Tag tbody

Die Rahmenfarbe soll sich von Farbe lawngreen auf Farbwert #a52a2a ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <tbody> in Farbe lawngreen vor.

In diesem Beispiel umranden wir <tbody> mit einem 2 Pixel dicken, gestrichelten Rahmen in Farbe lawngreen.

<style type="text/css"><!--
  tbody { border:2px dashed lawngreen; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Rahmenfarbe zu #a52a2a ändert.

<style type="text/css"><!--
  tbody:hover { 
    border-color:#a52a2a;
  }
//-->
</style>

Mehr zum Thema tbody können Sie in Tabellen in HTML lesen. Die Beschreibung vom hier gezeigten Tag tbody erfahren Sie in der HTML Referenz unter <tbody>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl pre

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

Hier legen wir die Textfarbe von <pre> auf Farbe lawngreen fest:

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Textfarbe auf #a52a2a ändert.

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

Mehr zum Thema pre finden Sie in Blockorientierte Elemente in HTML. Möglichkeiten des hier gezeigten HTML-Befehl pre finden Sie in der HTML Referenz unter <pre>.