Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #7cfc00 und Farbwert #808000

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.

Hintergrundfarbwert #7cfc00			Schriftfarbwert #808000
Detail	:	Hintergrund #7cfc00	Detail	:	Schrift #808000
Farbwert	:	#7cfc00	Farbwert	:	#808000
Farbe	:	lawngreen	Farbe	:	olive
HTML	:	#7cfc00	HTML	:	#808000
HTML (Wert)	:	#7cfc00	HTML (Wert)	:	#808000
CSS	:	#7cfc00	CSS	:	#808000
CSS (Wert)	:	#7cfc00	CSS (Wert)	:	#808000
CSS (kürzest)	:	#7cfc00	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(124,252,0)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(48%,98%,0%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbwert #7cfc00 nach Schriftfarbwert #808000
#7cfc00	#7cea00	#7dd800	#7dc600	#7eb500	#7ea300	#7f9100	#808000
#7cfc00	#7cea00	#7dd800	#7dc600	#7eb500	#7ea300	#7f9100	#808000

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

Hintergrundfarbwert #7cfc00				Schriftfarbwert #808000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7cfc00	#7cfc00	#7cfc00	#7cfc00	#808000	#808000	#808000	#808000
#8efc24	#8efc24	#6ad800	#6ad800	#929224	#929224	#6d6d00	#6d6d00
#a1fc48	#a1fc48	#58b400	#58b400	#a4a448	#a4a448	#5b5b00	#5b5b00
#b4fd6d	#b4fd6d	#469000	#469000	#b6b66d	#b6b66d	#494900	#494900
#c6fd91	#c6fd91	#356c00	#356c00	#c8c891	#c8c891	#363600	#363600
#d9feb6	#d9feb6	#234800	#234800	#dadab6	#dadab6	#242400	#242400
#ecfeda	#ecfeda	#112400	#112400	#ececda	#ececda	#121200	#121200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #7cfc00 und Farbwert #808000

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag a

Einen Link erzeugen Sie mit HTML-Tag <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Hintergrundfarbe soll sich von Farbwert #7cfc00 auf Farbwert #808000 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #7cfc00 vor.

Wir ändern zum Beispiel die Hintergrundfarbe von <a> auf Farbwert #7cfc00.

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

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #808000 gesetzt wird.

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

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten vom hier gezeigten HTML-Befehl a sind in der HTML Referenz unter <a> genau gezeigt.

Text- und Unterstreichungsfarben bei Befehl h5

Mit Tag <h5> wird eine Überschrift erzeugt. Diese kann man hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <h5> auf Farbwert #808000. Die Schriftart setzen wir auf monospace und erhöhen die Schriftgröße auf 120%. Wir unterstreichen den Inhalt von <h5> mit Hilfe eines doppelten Rahmens mit 2 Pixel Dicke in Farbwert #7cfc00. In HTML geht dies kaum. Deshalb nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  h5 { 
    color:#808000; 
    font-family:monospace; 
    border-bottom-color:#7cfc00; 
    border-bottom-style:double; 
    border-bottom-width:2px; 
    font-size:120%;
  }
//-->
</style>

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

Weiteres zu h5 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten des Tag <h5>.