Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #fafad2 und Farbe darkred

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			Schriftfarbe darkred
Detail	:	Hintergrund #fafad2	Detail	:	Schrift darkred
Farbwert	:	#fafad2	Farbe	:	darkred
Farbe	:	lightgoldenrodyellow	Farbwert	:	#8b0000
HTML	:	#fafad2	HTML	:	darkred
HTML (Wert)	:	#fafad2	HTML (Wert)	:	#8b0000
CSS	:	#fafad2	CSS	:	darkred
CSS (Wert)	:	#fafad2	CSS (Wert)	:	#8b0000
CSS (kürzest)	:	#fafad2	CSS (kürzest)	:	#8b0000
CSS (RGB)	:	rgb(250,250,210)	CSS (RGB)	:	rgb(139,0,0)
CSS (%RGB)	:	rgb(98%,98%,82%)	CSS (%RGB)	:	rgb(54%,0%,0%)

Verlauf Hintergrundfarbwert #fafad2 nach Schriftfarbe darkred
#fafad2	#ead6b4	#dab296	#ca8e78	#ba6b5a	#aa473c	#9a231e	#8b0000
#fafad2	#ead6b4	#dab296	#ca8e78	#ba6b5a	#aa473c	#9a231e	#8b0000

Kombination von #fafad2 und darkred
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben darkred und #fafad2 beträgt 55.35%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 44.65%. darkred eignet sich als Schriftfarbe auf Hintergrund #fafad2, da Unterschied in den Helligkeiten und Farbenunterschied gut sind.

Hintergrundfarbwert #fafad2				Schriftfarbe darkred
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fafad2	#fafad2	#fafad2	#fafad2	#8b0000	#8b0000	#8b0000	#8b0000
#fafad8	#fafad8	#d6d6b4	#d6d6b4	#9b2424	#9b2424	#770000	#770000
#fbfbde	#fbfbde	#b2b296	#b2b296	#ac4848	#ac4848	#630000	#630000
#fcfce5	#fcfce5	#8e8e78	#8e8e78	#bc6d6d	#bc6d6d	#4f0000	#4f0000
#fcfceb	#fcfceb	#6b6b5a	#6b6b5a	#cd9191	#cd9191	#3b0000	#3b0000
#fdfdf2	#fdfdf2	#47473c	#47473c	#ddb6b6	#ddb6b6	#270000	#270000
#fefef8	#fefef8	#23231e	#23231e	#eedada	#eedada	#130000	#130000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fafad2 und Farbe darkred

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag ins

Die Hintergrundfarbe soll sich von Farbwert #fafad2 auf Farbe darkred ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst eine Formatierung von <ins> in Farbwert #fafad2 vor.

Z.B. ändern wir die Hintergrundfarbe von <ins> auf Farbwert #fafad2:

<style type="text/css"><!--
  ins { 
    background-color:#fafad2;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf darkred ändert.

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

Weiteres zum HTML-Tag <ins>.

Füllen und Umranden von Tag dd

In diesem Beispiel umranden wir <dd> mit einem . Den Hintergrund von <dd> färben wir mit Farbwert #fafad2. Das geht in HTML nicht. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  dd { border:3pt inset darkred; background-color:#fafad2; }
//-->
</style>

Weiteres zu dd können Sie in Listen und Glossare in HTML nachsehen. Der Tag dd ist in der HTML Referenz unter <dd> ausführlich beschrieben.