Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #faebd7 und Farbe mediumorchid

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 #faebd7			Schriftfarbe mediumorchid
Detail	:	Hintergrund #faebd7	Detail	:	Schrift mediumorchid
Farbwert	:	#faebd7	Farbe	:	mediumorchid
Farbe	:	antiquewhite	Farbwert	:	#ba55d3
HTML	:	#faebd7	HTML	:	mediumorchid
HTML (Wert)	:	#faebd7	HTML (Wert)	:	#ba55d3
CSS	:	#faebd7	CSS	:	mediumorchid
CSS (Wert)	:	#faebd7	CSS (Wert)	:	#ba55d3
CSS (kürzest)	:	#faebd7	CSS (kürzest)	:	#ba55d3
CSS (RGB)	:	rgb(250,235,215)	CSS (RGB)	:	rgb(186,85,211)
CSS (%RGB)	:	rgb(98%,92%,84%)	CSS (%RGB)	:	rgb(72%,33%,82%)

Verlauf Hintergrundfarbwert #faebd7 nach Schriftfarbe mediumorchid
#faebd7	#f0d5d6	#e7c0d5	#deaad5	#d595d4	#cc7fd4	#c36ad3	#ba55d3
#faebd7	#f0d5d6	#e7c0d5	#deaad5	#d595d4	#cc7fd4	#c36ad3	#ba55d3

Kombination von #faebd7 und mediumorchid
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. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #faebd7 ist mediumorchid ungeeignet. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit von mediumorchid und #faebd7 ergibt sich zu 83.98%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 16.02%.

Hintergrundfarbwert #faebd7				Schriftfarbe mediumorchid
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#faebd7	#faebd7	#faebd7	#faebd7	#ba55d3	#ba55d3	#ba55d3	#ba55d3
#faeddc	#faeddc	#d6c9b8	#d6c9b8	#c36dd9	#c36dd9	#9f48b4	#9f48b4
#fbf0e2	#fbf0e2	#b2a799	#b2a799	#cd85df	#cd85df	#843c96	#843c96
#fcf3e8	#fcf3e8	#8e867a	#8e867a	#d79de5	#d79de5	#6a3078	#6a3078
#fcf6ed	#fcf6ed	#6b645c	#6b645c	#e1b6ec	#e1b6ec	#4f245a	#4f245a
#fdf9f3	#fdf9f3	#47433d	#47433d	#ebcef2	#ebcef2	#35183c	#35183c
#fefcf9	#fefcf9	#23211e	#23211e	#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #faebd7 und Farbe mediumorchid

Füllen und Umranden von Tag hr

Bei diesem Beispiel umranden wir <hr> mit einem . Die Hintergrundfarbe für <hr> setzen wir entsprechend auf Farbwert #faebd7. Das ist mit HTML nicht möglich. Deshalb formatieren wir mit CSS.

<style type="text/css"><!--
  hr { 
    border-color: mediumorchid; 
    background-color: #faebd7; 
    border-style: double; 
    border-width: 3pt;
  }
//-->
</style>

Weiteres zum Thema hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier gezeigten Tag <hr>.

Wechsel der Hintergrundfarbe bei Hover von Tag li

Die Hintergrundfarbe soll sich von Farbwert #faebd7 auf Farbe mediumorchid ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <li> in Farbwert #faebd7 vor.

Wir legen z.B. bei <li> die Hintergrundfarbe auf Farbwert #faebd7 fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf arial. Die Schriftgröße vergrößern wir auf 114%.

<style type="text/css"><!--
  li { 
    background-color: #faebd7; 
    font-size: 114%; 
    font-family: arial;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Hintergrundfarbe auf mediumorchid ändert.

<style type="text/css"><!--
  li:hover { 
    background-color:mediumorchid;
  }
//-->
</style>

Mehr zu li können Sie in Listen und Glossare in HTML lesen. Möglichkeiten vom hier gezeigten Tag li sind in der HTML Referenz unter <li> beschrieben.