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

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 gainsboro
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift gainsboro
Farbe	:	palegoldenrod	Farbe	:	gainsboro
Farbwert	:	#eee8aa	Farbwert	:	#dcdcdc
HTML	:	palegoldenrod	HTML	:	gainsboro
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#dcdcdc
CSS	:	palegoldenrod	CSS	:	gainsboro
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbe gainsboro
#eee8aa	#ebe6b1	#e8e4b8	#e6e2bf	#e3e1c6	#e1dfcd	#deddd4	#dcdcdc
#eee8aa	#ebe6b1	#e8e4b8	#e6e2bf	#e3e1c6	#e1dfcd	#deddd4	#dcdcdc

Kombination von palegoldenrod und gainsboro
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				gainsboro ist nicht als Schriftfarbe auf Hintergrund palegoldenrod geeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von gainsboro und palegoldenrod beträgt 94.79%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 5.21%.

Hintergrundfarbe palegoldenrod				Schriftfarbe gainsboro
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#f2eec2	#f2eec2	#aaa579	#aaa579	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#f5f1ce	#f5f1ce	#888461	#888461	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#f7f5da	#f7f5da	#666348	#666348	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#faf8e6	#faf8e6	#444230	#444230	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#fcfbf2	#fcfbf2	#222118	#222118	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegoldenrod und Farbe gainsboro

Füllen und Umranden mit HTML-Befehl a

Einen Link erzeugen Sie mit HTML-Befehl <a> und kann farblich gestaltet werden.

Für dieses Beispiel umranden wir <a> mit einem . Die Hintergrundfarbe für <a> färben wir entsprechend mit Farbe palegoldenrod. Mit HTML geht dies kaum. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { border:2pt outset gainsboro; background-color:palegoldenrod; }
//-->
</style>

Mehr zu a können Sie in Verweise und Protokolle in HTML erfahren. Die Beschreibung vom hier genutzten HTML-Tag a finden Sie in der HTML Referenz unter <a>.

Wechsel der Textfarbe bei Hover bei HTML-Tag h5

Mit HTML-Befehl <h5> erzeugen Sie eine Überschrift der 5. Stufe. Diese kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe palegoldenrod auf Farbe gainsboro ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <h5> in Farbe palegoldenrod vor.

Wir legen für dieses Beispiel die Textfarbe von <h5> auf Farbe palegoldenrod fest und verkleinern die Schriftgröße auf 81%:

<style type="text/css"><!--
  h5 { 
    font-size: 81%; 
    color: palegoldenrod;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf gainsboro gesetzt wird.

<style type="text/css"><!--
  h5: hover { 
    color: gainsboro;
  }
//-->
</style>

Mehr zu h5 können Sie in Grundlegende Gestaltungselemente in HTML finden. Die Beschreibung vom Tag h5 lesen Sie in der HTML Referenz unter <h5>.