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

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 #e9967a
Detail	:	Hintergrund lawngreen	Detail	:	Schrift #e9967a
Farbe	:	lawngreen	Farbwert	:	#e9967a
Farbwert	:	#7cfc00	Farbe	:	darksalmon
HTML	:	lawngreen	HTML	:	#e9967a
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#e9967a
CSS	:	lawngreen	CSS	:	#e9967a
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#e9967a
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#e9967a
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(233,150,122)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(91%,58%,47%)

Verlauf Hintergrundfarbe lawngreen nach Schriftfarbwert #e9967a
#7cfc00	#8bed11	#9bde22	#aad034	#bac145	#c9b357	#d9a468	#e9967a
#7cfc00	#8bed11	#9bde22	#aad034	#bac145	#c9b357	#d9a468	#e9967a

Kombination von lawngreen und #e9967a
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 von #e9967a und lawngreen beträgt 91.75%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.25%. #e9967a ist nicht als Schriftfarbe auf Hintergrund lawngreen geeignet, da sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe lawngreen				Schriftfarbwert #e9967a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#e9967a	#e9967a	#e9967a	#e9967a
#8efc24	#8efc24	#6ad800	#6ad800	#eca58d	#eca58d	#c78068	#c78068
#a1fc48	#a1fc48	#58b400	#58b400	#efb4a0	#efb4a0	#a66b57	#a66b57
#b4fd6d	#b4fd6d	#469000	#469000	#f2c3b3	#f2c3b3	#855545	#855545
#c6fd91	#c6fd91	#356c00	#356c00	#f5d2c6	#f5d2c6	#634034	#634034
#d9feb6	#d9feb6	#234800	#234800	#f8e1d9	#f8e1d9	#422a22	#422a22
#ecfeda	#ecfeda	#112400	#112400	#fbf0ec	#fbf0ec	#211511	#211511
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lawngreen und Farbwert #e9967a

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag a

Ein Link wird mit HTML-Befehl <a> gesetzt. Diesen kann man farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe lawngreen auf Farbwert #e9967a ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe lawngreen vor.

Wir legen als Beispiel bei <a> die Hintergrundfarbe auf Farbe lawngreen fest.

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

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #e9967a gesetzt wird.

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

Mehr zu a können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum HTML-Tag <a>.

Text- und Unterstreichungsfarben mit Befehl acronym

Wir ändern für dieses Beispiel die Textfarbe von <acronym> auf Farbwert #e9967a. Die Schriftart setzen wir auf monospace. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <acronym> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbe lawngreen. Mit HTML ist das nicht machbar. Daher formatieren wir mit CSS.

<style type="text/css"><!--
  acronym { 
    border-bottom: 5pt double lawngreen; 
    font-family: monospace; 
    color: #e9967a; 
    font-size: 13px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum hier gezeigten HTML-Tag acronym finden Sie in der HTML Referenz unter <acronym>.