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

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 #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
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras vestibulum tristique erat, ac interdum justo cursus in. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#fffff0 ist nicht als Schriftfarbe auf Hintergrund #eee8aa geeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #fffff0 und #eee8aa ergibt sich zu 94.09%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 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 Befehl h5

Mit Befehl <h5> wird eine Überschrift der 5. Stufe gesetzt. Diese kann man farblich gestalten.

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

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

<style type="text/css"><!--
  h5 { 
    border-width:4px; 
    border-style:dotted; 
    border-color:#eee8aa;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #fffff0 geändert wird.

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

Weiteres zum Thema h5 lesen Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten Tag h5 ist in der HTML Referenz bei <h5> genau beschrieben.

Text- und Unterstreichungsfarben von HTML-Befehl a

Mit Tag <a> wird ein Verweis gesetzt. Diesen kann man farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbwert #fffff0. Die Schriftart ändern wir auf courier new und setzen die Schriftgröße auf 9pt. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gezahnten Rahmens mit 2 Punkte Dicke in Farbwert #eee8aa. Mit HTML geht das kaum. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  a { 
    color:#fffff0; 
    font-family:courier new; 
    font-size:9pt; 
    border-bottom:2pt ridge #eee8aa;
  }
//-->
</style>

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

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML nachlesen. Möglichkeiten des Tag <a>.