Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fafad2 und Farbwert #9400d3

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 #fafad2			Schriftfarbwert #9400d3
Detail	:	Hintergrund #fafad2	Detail	:	Schrift #9400d3
Farbwert	:	#fafad2	Farbwert	:	#9400d3
Farbe	:	lightgoldenrodyellow	Farbe	:	darkviolet
HTML	:	#fafad2	HTML	:	#9400d3
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#9400d3
CSS	:	#fafad2	CSS	:	#9400d3
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#9400d3
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#9400d3
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(148,0,211)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(58%,0%,82%)

Verlauf Hintergrundfarbwert #fafad2 nach Schriftfarbwert #9400d3
#fafad2	#ebd6d2	#dcb2d2	#ce8ed2	#bf6bd2	#b147d2	#a223d2	#9400d3
#fafad2	#ebd6d2	#dcb2d2	#ce8ed2	#bf6bd2	#b147d2	#a223d2	#9400d3

Kombination von #fafad2 und #9400d3
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #9400d3 und #fafad2 beträgt 70.73%. Die Lesbarkeit dieser Farbkombination liegt damit bei 29.27%. #9400d3 ist nicht als Schriftfarbe auf Hintergrund #fafad2 geeignet, weil der Unterschied in den Farben zu gering ist

Hintergrundfarbwert #fafad2				Schriftfarbwert #9400d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#9400d3	#9400d3	#9400d3	#9400d3
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#a324d9	#a324d9	#7e00b4	#7e00b4
#fbfbde	#fbfbde	#b2b296	#b2b296	#b248df	#b248df	#690096	#690096
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#c16de5	#c16de5	#540078	#540078
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#d191ec	#d191ec	#3f005a	#3f005a
#fdfdf2	#fdfdf2	#47473c	#47473c	#e0b6f2	#e0b6f2	#2a003c	#2a003c
#fefef8	#fefef8	#23231e	#23231e	#efdaf8	#efdaf8	#15001e	#15001e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fafad2 und Farbwert #9400d3

Füllen und Umranden bei Tag address

Hier umranden wir <address> mit einem . Die Hintergrundfarbe für <address> färben wir entsprechend mit Farbwert #fafad2. Das geht in HTML nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  address { border:3px ridge #9400d3; background-color:#fafad2; }
//-->
</style>

Weiteres zum Thema address können Sie in Blockorientierte Elemente in HTML finden. Die Beschreibung des hier gezeigten HTML-Befehl address lesen Sie in der HTML Referenz unter <address>.

Wechsel der Textfarbe bei Hover von HTML-Befehl kbd

Die Textfarbe soll sich von Farbwert #fafad2 auf Farbwert #9400d3 ändern, wenn man mit der Maus auf <kbd> zeigt. Wir bereiten zunächst die Darstellung von <kbd> in Farbwert #fafad2 vor.

Wir setzen für dieses Beispiel die Textfarbe von <kbd> auf Farbwert #fafad2. Zwar lassen wir die Hintergrundfarbe unverändert, ändern jedoch die Schriftart auf monospace. Die Größe der Schrift vergrößern wir auf 113%.

<style type="text/css"><!--
  kbd { 
    font-family: monospace; 
    font-size: 113%; 
    color: #fafad2;
  }
//-->
</style>

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

<style type="text/css"><!--
  kbd: hover { 
    color: #9400d3;
  }
//-->
</style>

Weiteres zum Thema kbd können Sie in Text in HTML nachlesen. Beschreibung vom hier gezeigten Befehl <kbd>.