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

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 mediumorchid			Schriftfarbwert #ffa07a
Detail	:	Hintergrund mediumorchid	Detail	:	Schrift #ffa07a
Farbe	:	mediumorchid	Farbwert	:	#ffa07a
Farbwert	:	#ba55d3	Farbe	:	lightsalmon
HTML	:	mediumorchid	HTML	:	#ffa07a
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#ffa07a
CSS	:	mediumorchid	CSS	:	#ffa07a
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#ffa07a
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#ffa07a
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(255,160,122)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(100%,62%,47%)

Verlauf Hintergrundfarbe mediumorchid nach Schriftfarbwert #ffa07a
#ba55d3	#c35fc6	#cd6ab9	#d775ac	#e17fa0	#eb8a93	#f59586	#ffa07a
#ba55d3	#c35fc6	#cd6ab9	#d775ac	#e17fa0	#eb8a93	#f59586	#ffa07a

Kombination von mediumorchid und #ffa07a
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 #ffa07a und mediumorchid ergibt sich zu 90.56%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 9.44%. #ffa07a eignet sich nicht als Schriftfarbe auf Hintergrund mediumorchid, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind.

Hintergrundfarbe mediumorchid				Schriftfarbwert #ffa07a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#ffa07a	#ffa07a	#ffa07a	#ffa07a
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#ffad8d	#ffad8d	#da8968	#da8968
#cd85df	#cd85df	#843c96	#843c96	#ffbba0	#ffbba0	#b67257	#b67257
#d79de5	#d79de5	#6a3078	#6a3078	#ffc8b3	#ffc8b3	#915b45	#915b45
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#ffd6c6	#ffd6c6	#6d4434	#6d4434
#ebcef2	#ebcef2	#35183c	#35183c	#ffe3d9	#ffe3d9	#482d22	#482d22
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#fff1ec	#fff1ec	#241611	#241611
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumorchid und Farbwert #ffa07a

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl a

Einen Verweis setzen Sie mit HTML-Befehl <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

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

Z.B. legen wir bei <a> die Hintergrundfarbe auf Farbe mediumorchid fest. Zwar lassen wir die Textfarbe unverändert, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  a { 
    font-family: verdana; 
    background-color: mediumorchid;
  }
//-->
</style>

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

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

Mehr zum Thema lesen Sie in Verweise und Protokolle in HTML. Zur Beschreibung des HTML-Befehl <a>.

Wechsel der Umrandung bei Hover bei Tag blockquote

Die Rahmenfarbe soll sich von Farbe mediumorchid auf Farbwert #ffa07a ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <blockquote> in Farbe mediumorchid vor.

In diesem Beispiel umranden wir <blockquote> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbe mediumorchid.

<style type="text/css"><!--
  blockquote { border:1px dotted mediumorchid; }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Rahmenfarbe auf #ffa07a ändert.

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

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML erfahren. Möglichkeiten vom hier gezeigten Befehl <blockquote>.