Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palegoldenrod und Farbe darkgoldenrod

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 palegoldenrod			Schriftfarbe darkgoldenrod
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift darkgoldenrod
Farbe	:	palegoldenrod	Farbe	:	darkgoldenrod
Farbwert	:	#eee8aa	Farbwert	:	#b8860b
HTML	:	palegoldenrod	HTML	:	darkgoldenrod
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#b8860b
CSS	:	palegoldenrod	CSS	:	darkgoldenrod
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#b8860b
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#b8860b
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(184,134,11)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(72%,52%,4%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbe darkgoldenrod
#eee8aa	#e6da93	#decc7c	#d6be65	#cfb04f	#c7a238	#bf9421	#b8860b
#eee8aa	#e6da93	#decc7c	#d6be65	#cfb04f	#c7a238	#bf9421	#b8860b

Kombination von palegoldenrod und darkgoldenrod
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von darkgoldenrod und palegoldenrod ergibt sich zu 87.63%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.37%. darkgoldenrod ist nicht als Schriftfarbe auf Hintergrund palegoldenrod geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

Hintergrundfarbe palegoldenrod				Schriftfarbe darkgoldenrod
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#b8860b	#b8860b	#b8860b	#b8860b
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#c2972d	#c2972d	#9d7209	#9d7209
#f2eec2	#f2eec2	#aaa579	#aaa579	#cca850	#cca850	#835f07	#835f07
#f5f1ce	#f5f1ce	#888461	#888461	#d6b973	#d6b973	#694c06	#694c06
#f7f5da	#f7f5da	#666348	#666348	#e0cb96	#e0cb96	#4e3904	#4e3904
#faf8e6	#faf8e6	#444230	#444230	#eadcb9	#eadcb9	#342603	#342603
#fcfbf2	#fcfbf2	#222118	#222118	#f4eddc	#f4eddc	#1a1301	#1a1301
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegoldenrod und Farbe darkgoldenrod

Füllen und Umranden von Befehl hr

Für dieses Beispiel umranden wir <hr> mit einem 3 Punkte dicken, doppelten Rahmen in Farbe darkgoldenrod . Die Hintergrundfarbe für <hr> färben wir entsprechend mit Farbe palegoldenrod. Mit HTML ist das nicht machbar. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:3pt double darkgoldenrod; background-color:palegoldenrod; }
//-->
</style>

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des Befehl <hr>.

Wechsel der Hintergrundfarbe bei Hover von Tag a

Ein Link wird mit Tag <a> gesetzt. Diesen können Sie farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe palegoldenrod auf Farbe darkgoldenrod ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <a> in Farbe palegoldenrod vor.

Wir legen zum Beispiel Farbe palegoldenrod als Hintergrundfarbe von <a> fest. Die Textfarbe lassen wir unverändert. Die Schriftart ändern wir auf verdana und vergrößern die Größe der Schrift auf 121%:

<style type="text/css"><!--
  a { 
    background-color: palegoldenrod; 
    font-size: 121%; 
    font-family: verdana;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Hintergrundfarbe auf darkgoldenrod geändert wird.

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Möglichkeiten des hier gezeigten Tag <a>.