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

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 #faebd7
Detail	:	Hintergrund gold	Detail	:	Schrift #faebd7
Farbe	:	gold	Farbwert	:	#faebd7
Farbwert	:	#ffd700	Farbe	:	antiquewhite
HTML	:	gold	HTML	:	#faebd7
HTML (Wert)	:	#ffd700	HTML (Wert)	:	#faebd7
CSS	:	gold	CSS	:	#faebd7
CSS (Wert)	:	#ffd700	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#ffd700	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(255,215,0)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(100%,84%,0%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe gold nach Schriftfarbwert #faebd7
#ffd700	#fed91e	#fddc3d	#fcdf5c	#fce27a	#fbe599	#fae8b8	#faebd7
#ffd700	#fed91e	#fddc3d	#fcdf5c	#fce27a	#fbe599	#fae8b8	#faebd7

Kombination von gold und #faebd7
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #faebd7 und gold ergibt sich zu 94.30%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.70%. Auf Hintergrund gold ist #faebd7 ungeeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

Hintergrundfarbe gold				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffd700	#ffd700	#ffd700	#ffd700	#faebd7	#faebd7	#faebd7	#faebd7
#ffdc24	#ffdc24	#dab800	#dab800	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#ffe248	#ffe248	#b69900	#b69900	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#ffe86d	#ffe86d	#917a00	#917a00	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#ffed91	#ffed91	#6d5c00	#6d5c00	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#fff3b6	#fff3b6	#483d00	#483d00	#fdf9f3	#fdf9f3	#47433d	#47433d
#fff9da	#fff9da	#241e00	#241e00	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gold und Farbwert #faebd7

Wechsel der Textfarbe bei Hover von HTML-Befehl h2

Mit Tag <h2> wird eine Überschrift gesetzt. Diese können Sie hervorheben und farblich gestalten.

Die Textfarbe soll sich von Farbe gold auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <h2> in Farbe gold vor.

Wir legen als Beispiel bei <h2> die Textfarbe auf Farbe gold fest. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  h2 { 
    font-size: 13px; 
    color: gold;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Textfarbe auf #faebd7 ändert.

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

Mehr zum Thema h2 finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier genutzten Tag <h2>.

Hintergrund/Text-Kombination mit HTML-Tag dt

Für dieses Beispiel ändern wir die Textfarbe von <dt> auf Farbwert #faebd7 und die Hintergrundfarbe von <dt> auf Farbe gold. Die Schriftart ändern wir auf monospace. Als Schriftgröße setzen wir 11px.

<style type="text/css"><!--
  dt { 
    font-family: monospace; 
    font-size: 11px; 
    color: #faebd7; 
    background-color: gold;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML finden. Einzelheiten vom Tag <dt>.