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

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 #ffdab9			Schriftfarbwert #eee8aa
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift #eee8aa
Farbwert	:	#ffdab9	Farbwert	:	#eee8aa
Farbe	:	peachpuff	Farbe	:	palegoldenrod
HTML	:	#ffdab9	HTML	:	#eee8aa
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#eee8aa
CSS	:	#ffdab9	CSS	:	#eee8aa
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#eee8aa
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#eee8aa
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(238,232,170)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(93%,90%,66%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbwert #eee8aa
#ffdab9	#fcdcb6	#fadeb4	#f7e0b2	#f5e2b0	#f2e4ae	#f0e6ac	#eee8aa
#ffdab9	#fcdcb6	#fadeb4	#f7e0b2	#f5e2b0	#f2e4ae	#f0e6ac	#eee8aa

Kombination von #ffdab9 und #eee8aa
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante. 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.				Die Ähnlichkeit der Farben #eee8aa und #ffdab9 beträgt 95.01%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.99%. #eee8aa ist nicht als Schriftfarbe auf Hintergrund #ffdab9 geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbwert #ffdab9				Schriftfarbwert #eee8aa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#eee8aa	#eee8aa	#eee8aa	#eee8aa
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#f0ebb6	#f0ebb6	#ccc691	#ccc691
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#f2eec2	#f2eec2	#aaa579	#aaa579
#ffe9d7	#ffe9d7	#917c69	#917c69	#f5f1ce	#f5f1ce	#888461	#888461
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#f7f5da	#f7f5da	#666348	#666348
#fff4eb	#fff4eb	#483e34	#483e34	#faf8e6	#faf8e6	#444230	#444230
#fff9f5	#fff9f5	#241f1a	#241f1a	#fcfbf2	#fcfbf2	#222118	#222118
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbwert #eee8aa

Wechsel der Hintergrundfarbe bei Hover bei Tag a

Ein Link wird mit HTML-Tag <a> gesetzt. Diesen kann man hervorheben und farblich gestalten.

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

Wir legen hier Farbwert #ffdab9 als Hintergrundfarbe von <a> fest:

<style type="text/css"><!--
  a { 
    background-color: #ffdab9;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu #eee8aa ändert.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML erfahren. Der hier gezeigte Tag a ist in der HTML Referenz unter <a> genau gezeigt.

Text- und Unterstreichungsfarben bei Tag s

Wir ändern für dieses Beispiel die Textfarbe von <s> auf Farbwert #eee8aa. Die Schriftart ändern wir auf arial. Die Schriftgröße ändern wir auf 9px. Wir unterstreichen den Inhalt von <s> mit Hilfe eines einfallenden Rahmens mit 2 Punkte Dicke in Farbwert #ffdab9. Das geht mit HTML kaum. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  s { 
    border-bottom-width: 2pt; 
    color: #eee8aa; 
    border-bottom-style: inset; 
    font-size: 9px; 
    border-bottom-color: #ffdab9; 
    font-family: arial;
  }
//-->
</style>

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

Mehr zum Thema können Sie in Text in HTML nachlesen. Möglichkeiten des hier verwendeten HTML-Tag s lesen Sie in der HTML Referenz unter <s>.