Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #eee8aa und Farbwert #00008b

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #eee8aa			Schriftfarbwert #00008b
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift #00008b
Farbwert	:	#eee8aa	Farbwert	:	#00008b
Farbe	:	palegoldenrod	Farbe	:	darkblue
HTML	:	#eee8aa	HTML	:	#00008b
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#00008b
CSS	:	#eee8aa	CSS	:	#00008b
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#00008b
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#00008b
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(0,0,139)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(0%,0%,54%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbwert #00008b
#eee8aa	#ccc6a5	#aaa5a1	#88849c	#666398	#444293	#22218f	#00008b
#eee8aa	#ccc6a5	#aaa5a1	#88849c	#666398	#444293	#22218f	#00008b

Kombination von #eee8aa und #00008b
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#00008b eignet sich als Schriftfarbe auf Hintergrund #eee8aa. Sowohl der Unterschied in den Helligkeiten als auch der Unterschied in den Farben sind ok. Die Ähnlichkeit der Farben #00008b und #eee8aa ergibt sich zu 41.87%. Die Lesbarkeit dieser Kombination liegt damit bei 58.13%.

Hintergrundfarbwert #eee8aa				Schriftfarbwert #00008b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#00008b	#00008b	#00008b	#00008b
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#24249b	#24249b	#000077	#000077
#f2eec2	#f2eec2	#aaa579	#aaa579	#4848ac	#4848ac	#000063	#000063
#f5f1ce	#f5f1ce	#888461	#888461	#6d6dbc	#6d6dbc	#00004f	#00004f
#f7f5da	#f7f5da	#666348	#666348	#9191cd	#9191cd	#00003b	#00003b
#faf8e6	#faf8e6	#444230	#444230	#b6b6dd	#b6b6dd	#000027	#000027
#fcfbf2	#fcfbf2	#222118	#222118	#dadaee	#dadaee	#000013	#000013
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbwert #00008b

Wechsel der Textfarbe bei Hover mit Tag pre

Die Textfarbe soll sich von Farbwert #eee8aa auf Farbwert #00008b ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst eine Formatierung von <pre> in Farbwert #eee8aa vor.

Als Beispiel ändern wir die Textfarbe von <pre> auf Farbwert #eee8aa. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  pre { 
    color: #eee8aa; 
    font-family: monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #00008b gesetzt wird.

<style type="text/css"><!--
  pre: hover { 
    color: #00008b;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Blockorientierte Elemente in HTML. Der Tag pre ist in der HTML Referenz unter <pre> genau zusammengestellt.

Füllen und Umranden von HTML-Befehl img

Hier umranden wir <img> mit einem . Den Hintergrund von <img> färben wir entsprechend mit Farbwert #eee8aa. In HTML ist das nicht möglich. Daher verwenden wir hierfür CSS.

<style type="text/css"><!--
  img { border:3pt outset #00008b; background-color:#eee8aa; }
//-->
</style>

Weiteres zu img finden Sie in Grafik in HTML. Beschreibung des hier genutzten HTML-Befehl <img>.