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

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 #fffacd
Detail	:	Hintergrund mediumorchid	Detail	:	Schrift #fffacd
Farbe	:	mediumorchid	Farbwert	:	#fffacd
Farbwert	:	#ba55d3	Farbe	:	lemonchiffon
HTML	:	mediumorchid	HTML	:	#fffacd
HTML (Wert)	:	#ba55d3	HTML (Wert)	:	#fffacd
CSS	:	mediumorchid	CSS	:	#fffacd
CSS (Wert)	:	#ba55d3	CSS (Wert)	:	#fffacd
CSS (kürzest)	:	#ba55d3	CSS (kürzest)	:	#fffacd
CSS (RGB)	:	rgb(186,85,211)	CSS (RGB)	:	rgb(255,250,205)
CSS (%RGB)	:	rgb(72%,33%,82%)	CSS (%RGB)	:	rgb(100%,98%,80%)

Verlauf Hintergrundfarbe mediumorchid nach Schriftfarbwert #fffacd
#ba55d3	#c36cd2	#cd84d1	#d79bd0	#e1b3cf	#ebcace	#f5e2cd	#fffacd
#ba55d3	#c36cd2	#cd84d1	#d79bd0	#e1b3cf	#ebcace	#f5e2cd	#fffacd

Kombination von mediumorchid und #fffacd
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #fffacd und mediumorchid beträgt 82.30%. Die Lesbarkeit dieser Farbkombination liegt damit bei 17.70%. #fffacd ist nicht als Schriftfarbe auf Hintergrund mediumorchid geeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbe mediumorchid				Schriftfarbwert #fffacd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ba55d3	#ba55d3	#ba55d3	#ba55d3	#fffacd	#fffacd	#fffacd	#fffacd
#c36dd9	#c36dd9	#9f48b4	#9f48b4	#fffad4	#fffad4	#dad6af	#dad6af
#cd85df	#cd85df	#843c96	#843c96	#fffbdb	#fffbdb	#b6b292	#b6b292
#d79de5	#d79de5	#6a3078	#6a3078	#fffce2	#fffce2	#918e75	#918e75
#e1b6ec	#e1b6ec	#4f245a	#4f245a	#fffce9	#fffce9	#6d6b57	#6d6b57
#ebcef2	#ebcef2	#35183c	#35183c	#fffdf0	#fffdf0	#48473a	#48473a
#f5e6f8	#f5e6f8	#1a0c1e	#1a0c1e	#fffef7	#fffef7	#24231d	#24231d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumorchid und Farbwert #fffacd

Wechsel der Hintergrundfarbe bei Hover von HTML-Befehl pre

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

Hier legen wir Farbe mediumorchid als Hintergrundfarbe von <pre> fest. Die Textfarbe verändern wir nicht, setzen jedoch die Schriftart auf sans-serif.

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #fffacd geändert wird.

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

Weiteres zum Thema pre erfahren Sie in Blockorientierte Elemente in HTML. Beschreibung vom Tag <pre>.

Text- und Unterstreichungsfarben von HTML-Tag a

Ein Verweis wird mit HTML-Tag <a> gesetzt. Diesen kann man farblich gestalten.

Wir ändern bei diesem Beispiel die Textfarbe von <a> auf Farbwert #fffacd. Die Schriftart setzen wir auf courier new und verkleinern die Schriftgröße auf 92%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines doppelten Rahmens mit 1 Punkte Dicke in Farbe mediumorchid. Das ist mit HTML so kaum möglich. Daher verwenden wir hierfür CSS.

<style type="text/css"><!--
  a { 
    color:#fffacd; 
    font-size:92%; 
    font-family:courier new; 
    border-bottom:1pt double mediumorchid;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema a finden Sie in Verweise und Protokolle in HTML. Beschreibung des hier genutzten HTML-Befehl <a>.