Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkgoldenrod und Farbwert #faf0e6

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 darkgoldenrod			Schriftfarbwert #faf0e6
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #faf0e6
Farbe	:	darkgoldenrod	Farbwert	:	#faf0e6
Farbwert	:	#b8860b	Farbe	:	linen
HTML	:	darkgoldenrod	HTML	:	#faf0e6
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#faf0e6
CSS	:	darkgoldenrod	CSS	:	#faf0e6
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#faf0e6
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#faf0e6
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(250,240,230)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(98%,94%,90%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #faf0e6
#b8860b	#c1952a	#caa449	#d4b368	#ddc288	#e7d1a7	#f0e0c6	#faf0e6
#b8860b	#c1952a	#caa449	#d4b368	#ddc288	#e7d1a7	#f0e0c6	#faf0e6

Kombination von darkgoldenrod und #faf0e6
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.				#faf0e6 ist nicht als Schriftfarbe auf Hintergrund darkgoldenrod geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #faf0e6 und darkgoldenrod ergibt sich zu 86.22%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 13.78%.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #faf0e6
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#faf0e6	#faf0e6	#faf0e6	#faf0e6
#c2972d	#c2972d	#9d7209	#9d7209	#faf2e9	#faf2e9	#d6cdc5	#d6cdc5
#cca850	#cca850	#835f07	#835f07	#fbf4ed	#fbf4ed	#b2aba4	#b2aba4
#d6b973	#d6b973	#694c06	#694c06	#fcf6f0	#fcf6f0	#8e8983	#8e8983
#e0cb96	#e0cb96	#4e3904	#4e3904	#fcf8f4	#fcf8f4	#6b6662	#6b6662
#eadcb9	#eadcb9	#342603	#342603	#fdfaf7	#fdfaf7	#474441	#474441
#f4eddc	#f4eddc	#1a1301	#1a1301	#fefcfb	#fefcfb	#232220	#232220
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgoldenrod und Farbwert #faf0e6

Wechsel der Umrandung bei Hover bei Tag center

Die Rahmenfarbe soll sich von Farbe darkgoldenrod auf Farbwert #faf0e6 ändern, wenn man mit der Maus auf <center> zeigt. Bereiten wir zunächst eine Formatierung von <center> in Farbe darkgoldenrod vor.

In diesem Beispiel umranden wir <center> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe darkgoldenrod.

<style type="text/css"><!--
  center { border:4px ridge darkgoldenrod; }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe auf #faf0e6 ändert.

<style type="text/css"><!--
  center: hover { 
    border-color: #faf0e6;
  }
//-->
</style>

Mehr zum Thema center finden Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten des Tag center finden Sie in der HTML Referenz unter <center>.

Text- und Unterstreichungsfarben von HTML-Befehl h6

Eine Überschrift erzeugt man mit HTML-Befehl <h6> und kann farblich gestaltet und hervorgehoben werden.

Wir ändern bei diesem Beispiel die Textfarbe von <h6> auf Farbwert #faf0e6. Die Schriftart setzen wir auf monospace und setzen die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <h6> mit Hilfe eines gezahnten Rahmens mit 3 Pixel Dicke in Farbe darkgoldenrod. Dies geht in HTML nicht. Deshalb nutzen wir hier CSS zur Formatierung.

<style type="text/css"><!--
  h6 { 
    color: #faf0e6; 
    font-size: 9pt; 
    font-family: monospace; 
    border-bottom: 3px ridge darkgoldenrod;
  }
//-->
</style>

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten vom HTML-Tag h6 finden Sie in der HTML Referenz unter <h6>.