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

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 #fffff0
Detail	:	Hintergrund #eee8aa	Detail	:	Schrift #fffff0
Farbwert	:	#eee8aa	Farbwert	:	#fffff0
Farbe	:	palegoldenrod	Farbe	:	ivory
HTML	:	#eee8aa	HTML	:	#fffff0
HTML (Wert)	:	#eee8aa	HTML (Wert)	:	#fffff0
CSS	:	#eee8aa	CSS	:	#fffff0
CSS (Wert)	:	#eee8aa	CSS (Wert)	:	#fffff0
CSS (kürzest)	:	#eee8aa	CSS (kürzest)	:	#fffff0
CSS (RGB)	:	rgb(238,232,170)	CSS (RGB)	:	rgb(255,255,240)
CSS (%RGB)	:	rgb(93%,90%,66%)	CSS (%RGB)	:	rgb(100%,100%,94%)

Verlauf Hintergrundfarbwert #eee8aa nach Schriftfarbwert #fffff0
#eee8aa	#f0ebb4	#f2eebe	#f5f1c8	#f7f5d2	#faf8dc	#fcfbe6	#fffff0
#eee8aa	#f0ebb4	#f2eebe	#f5f1c8	#f7f5d2	#faf8dc	#fcfbe6	#fffff0

Kombination von #eee8aa und #fffff0
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				#fffff0 eignet sich nicht als Schriftfarbe auf Hintergrund #eee8aa, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit der Farben #fffff0 und #eee8aa beträgt 94.09%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.91%.

Hintergrundfarbwert #eee8aa				Schriftfarbwert #fffff0
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#eee8aa	#eee8aa	#eee8aa	#eee8aa	#fffff0	#fffff0	#fffff0	#fffff0
#f0ebb6	#f0ebb6	#ccc691	#ccc691	#fffff2	#fffff2	#dadacd	#dadacd
#f2eec2	#f2eec2	#aaa579	#aaa579	#fffff4	#fffff4	#b6b6ab	#b6b6ab
#f5f1ce	#f5f1ce	#888461	#888461	#fffff6	#fffff6	#919189	#919189
#f7f5da	#f7f5da	#666348	#666348	#fffff8	#fffff8	#6d6d66	#6d6d66
#faf8e6	#faf8e6	#444230	#444230	#fffffa	#fffffa	#484844	#484844
#fcfbf2	#fcfbf2	#222118	#222118	#fffffc	#fffffc	#242422	#242422
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #eee8aa und Farbwert #fffff0

Wechsel der Umrandung bei Hover von HTML-Tag strong

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

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

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

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #fffff0 ändert.

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

Mehr zu strong können Sie in Text in HTML nachlesen. Weiteres zum Befehl <strong>.

Füllen und Umranden bei HTML-Befehl h3

Eine Überschrift wird mit HTML-Befehl <h3> erzeugt. Diese kann farblich gestaltet werden.

Für dieses Beispiel umranden wir <h3> mit einem . Den Hintergrund von <h3> setzen wir entsprechend auf Farbwert #eee8aa. Das geht mit HTML nicht. Deshalb verwenden wir hierfür CSS.

<style type="text/css"><!--
  h3 { 
    border-style: groove; 
    border-color: #fffff0; 
    background-color: #eee8aa; 
    border-width: 4px;
  }
//-->
</style>

Weiteres zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Der Befehl h3 ist in der HTML Referenz unter <h3> genau beschrieben.