Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gold und Farbwert #7fff00

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 gold			Schriftfarbwert #7fff00
Detail	:	Hintergrund gold	Detail	:	Schrift #7fff00
Farbe	:	gold	Farbwert	:	#7fff00
Farbwert	:	#ffd700	Farbe	:	chartreuse
HTML	:	gold	HTML	:	#7fff00
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#7fff00
CSS	:	gold	CSS	:	#7fff00
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#7fff00
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#7fff00
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(127,255,0)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(49%,100%,0%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #7fff00
#ffd700	#ecdc00	#dae200	#c8e800	#b5ed00	#a3f300	#91f900	#7fff00
#ffd700	#ecdc00	#dae200	#c8e800	#b5ed00	#a3f300	#91f900	#7fff00

Kombination von gold und #7fff00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit von #7fff00 und gold ergibt sich zu 94.85%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 5.15%. #7fff00 eignet sich nicht als Schriftfarbe auf Hintergrund gold. Die Helligkeit und Farben sind zu ähnlich.

Hintergrundfarbe gold				Schriftfarbwert #7fff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#7fff00	#7fff00	#7fff00	#7fff00
#ffdc24	#ffdc24	#dab800	#dab800	#91ff24	#91ff24	#6cda00	#6cda00
#ffe248	#ffe248	#b69900	#b69900	#a3ff48	#a3ff48	#5ab600	#5ab600
#ffe86d	#ffe86d	#917a00	#917a00	#b5ff6d	#b5ff6d	#489100	#489100
#ffed91	#ffed91	#6d5c00	#6d5c00	#c8ff91	#c8ff91	#366d00	#366d00
#fff3b6	#fff3b6	#483d00	#483d00	#daffb6	#daffb6	#244800	#244800
#fff9da	#fff9da	#241e00	#241e00	#ecffda	#ecffda	#122400	#122400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #7fff00

Text- und Unterstreichungsfarben mit HTML-Befehl h3

Mit HTML-Befehl <h3> wird eine Überschrift gesetzt. Diese können Sie hervorheben und farblich gestalten.

Für dieses Beispiel ändern wir die Textfarbe von <h3> auf Farbwert #7fff00 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf courier new und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines gestrichelten Rahmens mit 2 Punkte Dicke in Farbe gold. Mit HTML ist dies kaum machbar. Daher nutzen wir CSS.

<style type="text/css"><!--
  h3 { 
    color:#7fff00; 
    border-bottom-width:2pt; 
    border-bottom-style:dashed; 
    font-size:13px; 
    border-bottom-color:gold; 
    font-family:courier new;
  }
//-->
</style>

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

Weiteres zu h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Befehl h3 ist in der HTML Referenz unter <h3> zusammengestellt.

Wechsel der Umrandung bei Hover bei Befehl a

Einen Verweis setzt man mit HTML-Tag <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

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

In diesem Beispiel umranden wir <a> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbe gold.

<style type="text/css"><!--
  a { 
    border-color:gold; 
    border-style:dashed; 
    border-width:1px;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #7fff00 ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Möglichkeiten vom Tag <a>.