Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #eee8aa und Farbwert #f0e68c

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.

Hintergrundfarbwert #eee8aa			Schriftfarbwert #f0e68c
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift #f0e68c
Farbwert	:	#eee8aa	Farbwert	:	#f0e68c
Farbe	:	palegoldenrod	Farbe	:	khaki
HTML	:	#eee8aa	HTML	:	#f0e68c
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#f0e68c
CSS	:	#eee8aa	CSS	:	#f0e68c
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#f0e68c
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#f0e68c
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(240,230,140)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(94%,90%,54%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbwert #f0e68c
#eee8aa	#eee7a5	#eee7a1	#eee79d	#efe698	#efe694	#efe690	#f0e68c
#eee8aa	#eee7a5	#eee7a1	#eee79d	#efe698	#efe694	#efe690	#f0e68c

Kombination von #eee8aa und #f0e68c
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #eee8aa ist #f0e68c ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von #f0e68c und #eee8aa ergibt sich zu 95.13%. Die Lesbarkeit dieser Kombination liegt damit bei 4.87%.

Hintergrundfarbwert #eee8aa				Schriftfarbwert #f0e68c
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#f0e68c	#f0e68c	#f0e68c	#f0e68c
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#f2e99c	#f2e99c	#cdc578	#cdc578
#f2eec2	#f2eec2	#aaa579	#aaa579	#f4edac	#f4edac	#aba464	#aba464
#f5f1ce	#f5f1ce	#888461	#888461	#f6f0bd	#f6f0bd	#898350	#898350
#f7f5da	#f7f5da	#666348	#666348	#f8f4cd	#f8f4cd	#66623c	#66623c
#faf8e6	#faf8e6	#444230	#444230	#faf7de	#faf7de	#444128	#444128
#fcfbf2	#fcfbf2	#222118	#222118	#fcfbee	#fcfbee	#222014	#222014
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbwert #f0e68c

Text- und Unterstreichungsfarben bei Befehl dfn

In diesem Beispiel ändern wir die Textfarbe von <dfn> auf Farbwert #f0e68c und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf courier new und vergrößern die Schriftgröße auf 110%. Wir unterstreichen den Inhalt von <dfn> mit Hilfe eines gefurchten Rahmens mit 3 Punkte Dicke in Farbwert #eee8aa. Das ist mit HTML nicht möglich. Wir verwenden deshalb CSS.

<style type="text/css"><!--
  dfn { 
    font-family: courier new; 
    color: #f0e68c; 
    border-bottom: 3pt groove #eee8aa; 
    font-size: 110%;
  }
//-->
</style>

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

Weiteres zum Thema dfn erfahren Sie in Text in HTML. Mehr zum hier gezeigten Tag <dfn>.

Wechsel der Umrandung bei Hover mit HTML-Tag a

Mit HTML-Tag <a> erzeugen Sie einen Link. Diesen kann man farblich gestalten.

Die Rahmenfarbe soll sich von Farbwert #eee8aa auf Farbwert #f0e68c ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #eee8aa vor.

In diesem Beispiel umranden wir <a> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #eee8aa.

<style type="text/css"><!--
  a { border:3px dotted #eee8aa; }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #f0e68c ändert.

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML lesen. Der hier genutzte HTML-Befehl a ist in der HTML Referenz unter <a> ausführlich zusammengestellt.