Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #e9967a und Farbwert #fafad2

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #e9967a			Schriftfarbwert #fafad2
Detail	:	Hintergrund #e9967a	Detail	:	Schrift #fafad2
Farbwert	:	#e9967a	Farbwert	:	#fafad2
Farbe	:	darksalmon	Farbe	:	lightgoldenrodyellow
HTML	:	#e9967a	HTML	:	#fafad2
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#fafad2
CSS	:	#e9967a	CSS	:	#fafad2
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#fafad2
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#fafad2
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(250,250,210)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(98%,98%,82%)

Verlauf Hintergrundfarbwert #e9967a nach Schriftfarbwert #fafad2
#e9967a	#eba486	#edb293	#f0c09f	#f2cfac	#f5ddb8	#f7ebc5	#fafad2
#e9967a	#eba486	#edb293	#f0c09f	#f2cfac	#f5ddb8	#f7ebc5	#fafad2

Kombination von #e9967a und #fafad2
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Die Ähnlichkeit von #fafad2 und #e9967a ergibt sich zu 89.72%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.28%. #fafad2 eignet sich nicht als Schriftfarbe auf Hintergrund #e9967a, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #e9967a				Schriftfarbwert #fafad2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#fafad2	#fafad2	#fafad2	#fafad2
#eca58d	#eca58d	#c78068	#c78068	#fafad8	#fafad8	#d6d6b4	#d6d6b4
#efb4a0	#efb4a0	#a66b57	#a66b57	#fbfbde	#fbfbde	#b2b296	#b2b296
#f2c3b3	#f2c3b3	#855545	#855545	#fcfce5	#fcfce5	#8e8e78	#8e8e78
#f5d2c6	#f5d2c6	#634034	#634034	#fcfceb	#fcfceb	#6b6b5a	#6b6b5a
#f8e1d9	#f8e1d9	#422a22	#422a22	#fdfdf2	#fdfdf2	#47473c	#47473c
#fbf0ec	#fbf0ec	#211511	#211511	#fefef8	#fefef8	#23231e	#23231e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #e9967a und Farbwert #fafad2

Wechsel der Textfarbe bei Hover mit Tag li

Die Textfarbe soll sich von Farbwert #e9967a auf Farbwert #fafad2 ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst eine Formatierung von <li> in Farbwert #e9967a vor.

Wir ändern z.B. bei <li> die Textfarbe auf Farbwert #e9967a und setzen die Größe der Schrift auf 13px.

<style type="text/css"><!--
  li { 
    color: #e9967a; 
    font-size: 13px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #fafad2 geändert wird.

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

Mehr zum Thema erfahren Sie in Listen und Glossare in HTML. Beschreibung des hier gezeigten HTML-Tag <li>.

Wechsel der Umrandung bei Hover von Tag ins

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

In diesem Beispiel umranden wir <ins> mit einem 4 Pixel dicken, gefurchten Rahmen in Farbwert #e9967a.

<style type="text/css"><!--
  ins { 
    border-color: #e9967a; 
    border-width: 4px; 
    border-style: groove;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf #fafad2 gesetzt wird.

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

Mehr zum HTML-Befehl <ins>.