Ressourcen: 120 HTML Farbnamen - Kombination von Farbe gold und Farbwert #2e8b57

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 gold			Schriftfarbwert #2e8b57
Detail	:	Hintergrund gold	Detail	:	Schrift #2e8b57
Farbe	:	gold	Farbwert	:	#2e8b57
Farbwert	:	#ffd700	Farbe	:	seagreen
HTML	:	gold	HTML	:	#2e8b57
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#2e8b57
CSS	:	gold	CSS	:	#2e8b57
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#2e8b57
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#2e8b57
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(46,139,87)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(18%,54%,34%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #2e8b57
#ffd700	#e1cc0c	#c3c118	#a5b625	#87ab31	#69a03e	#4b954a	#2e8b57
#ffd700	#e1cc0c	#c3c118	#a5b625	#87ab31	#69a03e	#4b954a	#2e8b57

Kombination von gold und #2e8b57
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#2e8b57 ist nicht als Schriftfarbe auf Hintergrund gold geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #2e8b57 und gold ergibt sich zu 85.59%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 14.41%.

Hintergrundfarbe gold				Schriftfarbwert #2e8b57
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#2e8b57	#2e8b57	#2e8b57	#2e8b57
#ffdc24	#ffdc24	#dab800	#dab800	#4b9b6f	#4b9b6f	#27774a	#27774a
#ffe248	#ffe248	#b69900	#b69900	#69ac87	#69ac87	#20633e	#20633e
#ffe86d	#ffe86d	#917a00	#917a00	#87bc9f	#87bc9f	#1a4f31	#1a4f31
#ffed91	#ffed91	#6d5c00	#6d5c00	#a5cdb7	#a5cdb7	#133b25	#133b25
#fff3b6	#fff3b6	#483d00	#483d00	#c3ddcf	#c3ddcf	#0d2718	#0d2718
#fff9da	#fff9da	#241e00	#241e00	#e1eee7	#e1eee7	#06130c	#06130c
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #2e8b57

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag a

Einen Hyperlink setzen Sie mit Tag <a>. Diesen kann man hervorheben und farblich gestalten.

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

Zum Beispiel legen wir Farbe gold als Hintergrundfarbe von <a> fest. Die Schriftgröße ändern wir auf 12pt.

<style type="text/css"><!--
  a { 
    background-color:gold; 
    font-size:12pt;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #2e8b57 geändert wird.

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

Weiteres zum Thema finden Sie in Verweise und Protokolle in HTML. Mehr zum hier gezeigten Tag a finden Sie in der HTML Referenz unter <a>.

Text- und Unterstreichungsfarben mit HTML-Tag h6

Mit Tag <h6> wird eine Überschrift erzeugt. Diese kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h6> auf Farbwert #2e8b57 und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf sans-serif. Die Schriftgröße ändern wir auf 9pt. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gestrichelten Rahmens mit 2 Punkte Dicke in Farbe gold. Dies geht in HTML kaum. Deshalb verwenden wir CSS zur Formatierung.

<style type="text/css"><!--
  h6 { 
    color:#2e8b57; 
    border-bottom:2pt dashed gold; 
    font-family:sans-serif; 
    font-size:9pt;
  }
//-->
</style>

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

Weiteres zu h6 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier verwendeten Tag <h6>.