Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #d8bfd8 und Farbwert #ff7f50

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 #d8bfd8			Schriftfarbwert #ff7f50
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift #ff7f50
Farbwert	:	#d8bfd8	Farbwert	:	#ff7f50
Farbe	:	thistle	Farbe	:	coral
HTML	:	#d8bfd8	HTML	:	#ff7f50
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#ff7f50
CSS	:	#d8bfd8	CSS	:	#ff7f50
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#ff7f50
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#ff7f50
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(255,127,80)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(100%,49%,31%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbwert #ff7f50
#d8bfd8	#ddb5c4	#e3acb1	#e8a39d	#ee9a8a	#f39176	#f98863	#ff7f50
#d8bfd8	#ddb5c4	#e3acb1	#e8a39d	#ee9a8a	#f39176	#f98863	#ff7f50

Kombination von #d8bfd8 und #ff7f50
Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #ff7f50 und #d8bfd8 ergibt sich zu 92.99%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.01%. #ff7f50 eignet sich nicht als Schriftfarbe auf Hintergrund #d8bfd8, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbwert #d8bfd8				Schriftfarbwert #ff7f50
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#ff7f50	#ff7f50	#ff7f50	#ff7f50
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#ff9169	#ff9169	#da6c44	#da6c44
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#ffa382	#ffa382	#b65a39	#b65a39
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#ffb59b	#ffb59b	#91482d	#91482d
#eee3ee	#eee3ee	#5c515c	#5c515c	#ffc8b4	#ffc8b4	#6d3622	#6d3622
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#ffdacd	#ffdacd	#482416	#482416
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#ffece6	#ffece6	#24120b	#24120b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #d8bfd8 und Farbwert #ff7f50

Wechsel der Textfarbe bei Hover mit Befehl colgroup

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

Wir ändern in diesem Beispiel bei <colgroup> die Textfarbe auf Farbwert #d8bfd8. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new:

<style type="text/css"><!--
  colgroup { 
    color:#d8bfd8; 
    font-family:courier new;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #ff7f50 ändert.

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

Mehr zum Thema colgroup können Sie in Tabellen in HTML nachlesen. Mehr zum HTML-Befehl <colgroup>.