Ressourcen: 120 HTML Farbnamen - Kombination von Farbe palegoldenrod und Farbwert #ffefd5

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			Schriftfarbwert #ffefd5
Detail	:	Hintergrund palegoldenrod	Detail	:	Schrift #ffefd5
Farbe	:	palegoldenrod	Farbwert	:	#ffefd5
Farbwert	:	#eee8aa	Farbe	:	papayawhip
HTML	:	palegoldenrod	HTML	:	#ffefd5
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#ffefd5
CSS	:	palegoldenrod	CSS	:	#ffefd5
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#ffefd5
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#ffefd5
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(255,239,213)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(100%,93%,83%)

Verlauf Hintergrundfarbe palegoldenrod nach Schriftfarbwert #ffefd5
#eee8aa	#f0e9b0	#f2eab6	#f5ebbc	#f7ecc2	#faedc8	#fceece	#ffefd5
#eee8aa	#f0e9b0	#f2eab6	#f5ebbc	#f7ecc2	#faedc8	#fceece	#ffefd5

Kombination von palegoldenrod und #ffefd5
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#ffefd5 ist nicht als Schriftfarbe auf Hintergrund palegoldenrod geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #ffefd5 und palegoldenrod beträgt 94.73%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.27%.

Hintergrundfarbe palegoldenrod				Schriftfarbwert #ffefd5
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#ffefd5	#ffefd5	#ffefd5	#ffefd5
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#fff1db	#fff1db	#daccb6	#daccb6
#f2eec2	#f2eec2	#aaa579	#aaa579	#fff3e1	#fff3e1	#b6aa98	#b6aa98
#f5f1ce	#f5f1ce	#888461	#888461	#fff5e7	#fff5e7	#918879	#918879
#f7f5da	#f7f5da	#666348	#666348	#fff8ed	#fff8ed	#6d665b	#6d665b
#faf8e6	#faf8e6	#444230	#444230	#fffaf3	#fffaf3	#48443c	#48443c
#fcfbf2	#fcfbf2	#222118	#222118	#fffcf9	#fffcf9	#24221e	#24221e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe palegoldenrod und Farbwert #ffefd5

Wechsel der Umrandung bei Hover bei Tag dt

Die Rahmenfarbe soll sich von Farbe palegoldenrod auf Farbwert #ffefd5 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <dt> in Farbe palegoldenrod vor.

In diesem Beispiel umranden wir <dt> mit einem 2 Pixel dicken, gepunkteten Rahmen in Farbe palegoldenrod.

<style type="text/css"><!--
  dt { 
    border-color:palegoldenrod; 
    border-style:dotted; 
    border-width:2px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe zu #ffefd5 ändert.

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

Weiteres zum Thema lesen Sie in Listen und Glossare in HTML. Einzelheiten vom hier gezeigten Tag dt finden Sie in der HTML Referenz unter <dt>.

Text- und Unterstreichungsfarben von HTML-Tag h3

Mit Befehl <h3> setzen Sie eine Überschrift. Sie kann hervorgehoben und farblich gestaltet werden.

Für dieses Beispiel ändern wir die Textfarbe von <h3> auf Farbwert #ffefd5 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf courier new. Die Schriftgröße setzen wir auf 11px. Wir unterstreichen den Inhalt von <h3> mit Hilfe eines gepunkteten Rahmens mit 1 Punkte Dicke in Farbe palegoldenrod. Dies geht mit HTML nicht. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h3 { 
    color: #ffefd5; 
    border-bottom: 1pt dotted palegoldenrod; 
    font-family: courier new; 
    font-size: 11px;
  }
//-->
</style>

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des hier verwendeten HTML-Befehl h3 finden Sie in der HTML Referenz unter <h3>.