Ressourcen: 120 HTML Farbnamen - Kombination von Farbe wheat und Farbwert #cd853f

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.

Hintergrundfarbe wheat			Schriftfarbwert #cd853f
Detail	:	Hintergrund wheat	Detail	:	Schrift #cd853f
Farbe	:	wheat	Farbwert	:	#cd853f
Farbwert	:	#f5deb3	Farbe	:	peru
HTML	:	wheat	HTML	:	#cd853f
HTML (Wert)	:	#f5deb3	HTML (Wert)	:	#cd853f
CSS	:	wheat	CSS	:	#cd853f
CSS (Wert)	:	#f5deb3	CSS (Wert)	:	#cd853f
CSS (kürzest)	:	#f5deb3	CSS (kürzest)	:	#cd853f
CSS (RGB)	:	rgb(245,222,179)	CSS (RGB)	:	rgb(205,133,63)
CSS (%RGB)	:	rgb(96%,87%,70%)	CSS (%RGB)	:	rgb(80%,52%,24%)

Verlauf Hintergrundfarbe wheat nach Schriftfarbwert #cd853f
#f5deb3	#efd1a2	#e9c491	#e3b781	#deab70	#d89e60	#d2914f	#cd853f
#f5deb3	#efd1a2	#e9c491	#e3b781	#deab70	#d89e60	#d2914f	#cd853f

Kombination von wheat und #cd853f
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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 #cd853f und wheat beträgt 89.16%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 10.84%. #cd853f ist nicht als Schriftfarbe auf Hintergrund wheat geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe wheat				Schriftfarbwert #cd853f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5deb3	#f5deb3	#f5deb3	#f5deb3	#cd853f	#cd853f	#cd853f	#cd853f
#f6e2bd	#f6e2bd	#d2be99	#d2be99	#d4965a	#d4965a	#af7236	#af7236
#f7e7c8	#f7e7c8	#af9e7f	#af9e7f	#dba775	#dba775	#925f2d	#925f2d
#f9ecd3	#f9ecd3	#8c7e66	#8c7e66	#e2b991	#e2b991	#754c24	#754c24
#faf0de	#faf0de	#695f4c	#695f4c	#e9caac	#e9caac	#57391b	#57391b
#fcf5e9	#fcf5e9	#463f33	#463f33	#f0dcc8	#f0dcc8	#3a2612	#3a2612
#fdfaf4	#fdfaf4	#231f19	#231f19	#f7ede3	#f7ede3	#1d1309	#1d1309
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe wheat und Farbwert #cd853f

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag h3

Mit HTML-Tag <h3> wird eine Überschrift der 3. Stufe erzeugt. Diese können Sie farblich gestalten und hervorheben.

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

Für dieses Beispiel ändern wir bei <h3> die Hintergrundfarbe auf Farbe wheat:

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

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf #cd853f ändert.

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

Mehr zum Thema h3 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten vom Tag h3 lesen Sie in der HTML Referenz unter <h3>.

Wechsel der Umrandung bei Hover mit HTML-Tag td

Die Rahmenfarbe soll sich von Farbe wheat auf Farbwert #cd853f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <td> in Farbe wheat vor.

In diesem Beispiel umranden wir <td> mit einem 3 Pixel dicken, einfallenden Rahmen in Farbe wheat.

<style type="text/css"><!--
  td { border:3px inset wheat; }
//-->
</style>

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

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

Weiteres zum Thema td können Sie in Tabellen in HTML nachsehen. Die Beschreibung vom HTML-Tag td finden Sie in der HTML Referenz unter <td>.