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

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 #ba55d3
Detail	:	Hintergrund wheat	Detail	:	Schrift #ba55d3
Farbe	:	wheat	Farbwert	:	#ba55d3
Farbwert	:	#f5deb3	Farbe	:	mediumorchid
HTML	:	wheat	HTML	:	#ba55d3
HTML (Wert)	:	#f5deb3	HTML (Wert)	:	#ba55d3
CSS	:	wheat	CSS	:	#ba55d3
CSS (Wert)	:	#f5deb3	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#f5deb3	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(245,222,179)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(96%,87%,70%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbe wheat nach Schriftfarbwert #ba55d3
#f5deb3	#eccab7	#e4b6bc	#dba3c0	#d38fc5	#ca7cc9	#c268ce	#ba55d3
#f5deb3	#eccab7	#e4b6bc	#dba3c0	#d38fc5	#ca7cc9	#c268ce	#ba55d3

Kombination von wheat und #ba55d3
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ba55d3 und wheat beträgt 85.72%. Die Lesbarkeit dieser Farbkombination liegt damit bei 14.28%. Auf Hintergrund wheat ist #ba55d3 ungeeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbe wheat				Schriftfarbwert #ba55d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5deb3	#f5deb3	#f5deb3	#f5deb3	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#f6e2bd	#f6e2bd	#d2be99	#d2be99	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#f7e7c8	#f7e7c8	#af9e7f	#af9e7f	#cd85df	#cd85df	#843c96	#843c96
#f9ecd3	#f9ecd3	#8c7e66	#8c7e66	#d79de5	#d79de5	#6a3078	#6a3078
#faf0de	#faf0de	#695f4c	#695f4c	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#fcf5e9	#fcf5e9	#463f33	#463f33	#ebcef2	#ebcef2	#35183c	#35183c
#fdfaf4	#fdfaf4	#231f19	#231f19	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe wheat und Farbwert #ba55d3

Wechsel der Textfarbe bei Hover bei HTML-Befehl form

Die Textfarbe soll sich von Farbe wheat auf Farbwert #ba55d3 ändern, wenn man mit der Maus auf <form> zeigt. Bereiten wir zunächst eine Formatierung von <form> in Farbe wheat vor.

Als Beispiel legen wir die Textfarbe von <form> auf Farbe wheat fest:

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Textfarbe auf #ba55d3 gesetzt wird.

<style type="text/css"><!--
  form:hover { 
    color:#ba55d3;
  }
//-->
</style>

Weiteres zum Thema form können Sie in Formulare in HTML lesen. Möglichkeiten des Tag <form>.

Füllen und Umranden bei HTML-Tag blockquote

In diesem Beispiel umranden wir <blockquote> mit einem . Die Hintergrundfarbe für <blockquote> setzen wir entsprechend auf Farbe wheat. Das ist in HTML kaum möglich. Deshalb formatieren wir hier mit CSS.

<style type="text/css"><!--
  blockquote { 
    border-color:#ba55d3; 
    border-style:inset; 
    border-width:1px; 
    background-color:wheat;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML finden. Beschreibung vom HTML-Tag <blockquote>.