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

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 #f5deb3
Detail	:	Hintergrund #ffdab9	Detail	:	Schrift #f5deb3
Farbwert	:	#ffdab9	Farbwert	:	#f5deb3
Farbe	:	peachpuff	Farbe	:	wheat
HTML	:	#ffdab9	HTML	:	#f5deb3
HTML (Wert)	:	#ffdab9	HTML (Wert)	:	#f5deb3
CSS	:	#ffdab9	CSS	:	#f5deb3
CSS (Wert)	:	#ffdab9	CSS (Wert)	:	#f5deb3
CSS (kürzest)	:	#ffdab9	CSS (kürzest)	:	#f5deb3
CSS (RGB)	:	rgb(255,218,185)	CSS (RGB)	:	rgb(245,222,179)
CSS (%RGB)	:	rgb(100%,85%,72%)	CSS (%RGB)	:	rgb(96%,87%,70%)

Verlauf Hintergrundfarbwert #ffdab9 nach Schriftfarbwert #f5deb3
#ffdab9	#fddab8	#fcdbb7	#fadbb6	#f9dcb5	#f7dcb4	#f6ddb3	#f5deb3
#ffdab9	#fddab8	#fcdbb7	#fadbb6	#f9dcb5	#f7dcb4	#f6ddb3	#f5deb3

Kombination von #ffdab9 und #f5deb3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #f5deb3 und #ffdab9 beträgt 95.24%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 4.76%. #f5deb3 eignet sich nicht als Schriftfarbe auf Hintergrund #ffdab9. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #ffdab9				Schriftfarbwert #f5deb3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdab9	#ffdab9	#ffdab9	#ffdab9	#f5deb3	#f5deb3	#f5deb3	#f5deb3
#ffdfc3	#ffdfc3	#daba9e	#daba9e	#f6e2bd	#f6e2bd	#d2be99	#d2be99
#ffe4cd	#ffe4cd	#b69b84	#b69b84	#f7e7c8	#f7e7c8	#af9e7f	#af9e7f
#ffe9d7	#ffe9d7	#917c69	#917c69	#f9ecd3	#f9ecd3	#8c7e66	#8c7e66
#ffefe1	#ffefe1	#6d5d4f	#6d5d4f	#faf0de	#faf0de	#695f4c	#695f4c
#fff4eb	#fff4eb	#483e34	#483e34	#fcf5e9	#fcf5e9	#463f33	#463f33
#fff9f5	#fff9f5	#241f1a	#241f1a	#fdfaf4	#fdfaf4	#231f19	#231f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ffdab9 und Farbwert #f5deb3

Hintergrund/Text-Kombination mit HTML-Befehl h4

Mit Tag <h4> setzen Sie eine Überschrift und kann hervorgehoben und farblich gestaltet werden.

Wir ändern hier die Textfarbe von <h4> auf Farbwert #f5deb3 und die Hintergrundfarbe von <h4> auf Farbwert #ffdab9. Als Schriftart setzen wir courier new. Die Schriftgröße verkleinern wir auf 85%.

<style type="text/css"><!--
  h4 { 
    color:#f5deb3; 
    background-color:#ffdab9; 
    font-family:courier new; 
    font-size:85%;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Möglichkeiten vom hier gezeigten Tag <h4>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl pre

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

Wir legen zum Beispiel bei <pre> die Hintergrundfarbe auf Farbwert #ffdab9 fest. Die Größe der Schrift setzen wir auf 13px:

<style type="text/css"><!--
  pre { 
    font-size:13px; 
    background-color:#ffdab9;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Berührung mit der Maus die Hintergrundfarbe zu #f5deb3 ändert.

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

Mehr zu pre lesen Sie in Blockorientierte Elemente in HTML. Der Befehl pre ist in der HTML Referenz bei <pre> ausführlich gezeigt.