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

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

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

Kombination von #eee8aa und peachpuff
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Auf Hintergrund #eee8aa ist peachpuff ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von peachpuff und #eee8aa beträgt 95.01%. Die Lesbarkeit dieser Kombination liegt damit bei 4.99%.

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

Beispiele zur Kombination von Farbwert #eee8aa und Farbe peachpuff

Wechsel der Textfarbe bei Hover von HTML-Befehl h3

Eine Überschrift der 3. Stufe wird mit HTML-Tag <h3> gesetzt. Diese können Sie farblich gestalten und hervorheben.

Die Textfarbe soll sich von Farbwert #eee8aa auf Farbe peachpuff ändern, wenn man mit der Maus auf <h3> zeigt. Bereiten wir zunächst eine Darstellung von <h3> in Farbwert #eee8aa vor.

Zum Beispiel legen wir bei <h3> die Textfarbe auf Farbwert #eee8aa fest.

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

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf peachpuff geändert wird.

<style type="text/css"><!--
  h3:hover { 
    color:peachpuff;
  }
//-->
</style>

Weiteres zum Thema h3 erfahren Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom hier gezeigten Tag h3 erfahren Sie in der HTML Referenz unter <h3>.

Füllen und Umranden bei HTML-Befehl select

Hier umranden wir <select> mit einem . Den Hintergrund von <select> setzen wir entsprechend auf Farbwert #eee8aa. Das geht in HTML nicht. Daher verwenden wir CSS.

<style type="text/css"><!--
  select { 
    border-color: peachpuff; 
    border-style: ridge; 
    background-color: #eee8aa; 
    border-width: 3px;
  }
//-->
</style>

Weiteres zu select können Sie in Formulare in HTML lesen. Die Beschreibung des hier genutzten HTML-Tag select lesen Sie in der HTML Referenz unter <select>.