Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkgoldenrod 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 darkgoldenrod			Schriftfarbwert #faebd7
Detail	:	Hintergrund darkgoldenrod	Detail	:	Schrift #faebd7
Farbe	:	darkgoldenrod	Farbwert	:	#faebd7
Farbwert	:	#b8860b	Farbe	:	antiquewhite
HTML	:	darkgoldenrod	HTML	:	#faebd7
HTML (Wert)	:	#b8860b	HTML (Wert)	:	#faebd7
CSS	:	darkgoldenrod	CSS	:	#faebd7
CSS (Wert)	:	#b8860b	CSS (Wert)	:	#faebd7
CSS (kürzest)	:	#b8860b	CSS (kürzest)	:	#faebd7
CSS (RGB)	:	rgb(184,134,11)	CSS (RGB)	:	rgb(250,235,215)
CSS (%RGB)	:	rgb(72%,52%,4%)	CSS (%RGB)	:	rgb(98%,92%,84%)

Verlauf Hintergrundfarbe darkgoldenrod nach Schriftfarbwert #faebd7
#b8860b	#c19428	#caa245	#d4b162	#ddbf7f	#e7ce9c	#f0dcb9	#faebd7
#b8860b	#c19428	#caa245	#d4b162	#ddbf7f	#e7ce9c	#f0dcb9	#faebd7

Kombination von darkgoldenrod und #faebd7
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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.				Die Ähnlichkeit von #faebd7 und darkgoldenrod beträgt 86.77%. Die Lesbarkeit dieser Kombination ergibt sich zu 13.23%. #faebd7 eignet sich nicht als Schriftfarbe auf Hintergrund darkgoldenrod. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe darkgoldenrod				Schriftfarbwert #faebd7
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#b8860b	#b8860b	#b8860b	#b8860b	#faebd7	#faebd7	#faebd7	#faebd7
#c2972d	#c2972d	#9d7209	#9d7209	#faeddc	#faeddc	#d6c9b8	#d6c9b8
#cca850	#cca850	#835f07	#835f07	#fbf0e2	#fbf0e2	#b2a799	#b2a799
#d6b973	#d6b973	#694c06	#694c06	#fcf3e8	#fcf3e8	#8e867a	#8e867a
#e0cb96	#e0cb96	#4e3904	#4e3904	#fcf6ed	#fcf6ed	#6b645c	#6b645c
#eadcb9	#eadcb9	#342603	#342603	#fdf9f3	#fdf9f3	#47433d	#47433d
#f4eddc	#f4eddc	#1a1301	#1a1301	#fefcf9	#fefcf9	#23211e	#23211e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkgoldenrod und Farbwert #faebd7

Wechsel der Textfarbe bei Hover von HTML-Befehl a

Einen Link erzeugt man mit HTML-Befehl <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe darkgoldenrod auf Farbwert #faebd7 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <a> in Farbe darkgoldenrod vor.

Z.B. legen wir Farbe darkgoldenrod als Textfarbe von <a> fest:

<style type="text/css"><!--
  a { 
    color:darkgoldenrod;
  }
//-->
</style>

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

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

Mehr zum Thema können Sie in Verweise und Protokolle in HTML erfahren. Mehr zum hier verwendeten Befehl a ist in der HTML Referenz bei <a> genau zusammengestellt.

Text- und Unterstreichungsfarben von Befehl address

Hier ändern wir die Textfarbe von <address> auf Farbwert #faebd7. Die Schriftart setzen wir auf courier new und setzen die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <address> mit Hilfe eines gefurchten Rahmens mit 2 Pixel Dicke in Farbe darkgoldenrod. Dies ist mit HTML kaum möglich. Daher verwenden wir CSS.

<style type="text/css"><!--
  address { 
    font-family: courier new; 
    color: #faebd7; 
    border-bottom-color: darkgoldenrod; 
    font-size: 13px; 
    border-bottom-style: groove; 
    border-bottom-width: 2px;
  }
//-->
</style>

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

Weiteres zu address können Sie in Blockorientierte Elemente in HTML finden. Weiteres zum Tag address finden Sie in der HTML Referenz unter <address>.