Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #d2691e und Farbwert #fa8072

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 #d2691e			Schriftfarbwert #fa8072
Detail	:	Hintergrund #d2691e	Detail	:	Schrift #fa8072
Farbwert	:	#d2691e	Farbwert	:	#fa8072
Farbe	:	chocolate	Farbe	:	salmon
HTML	:	#d2691e	HTML	:	#fa8072
HTML (Wert)	:	#d2691e	HTML (Wert)	:	#fa8072
CSS	:	#d2691e	CSS	:	#fa8072
CSS (Wert)	:	#d2691e	CSS (Wert)	:	#fa8072
CSS (kürzest)	:	#d2691e	CSS (kürzest)	:	#fa8072
CSS (RGB)	:	rgb(210,105,30)	CSS (RGB)	:	rgb(250,128,114)
CSS (%RGB)	:	rgb(82%,41%,11%)	CSS (%RGB)	:	rgb(98%,50%,44%)

Verlauf Hintergrundfarbwert #d2691e nach Schriftfarbwert #fa8072
#d2691e	#d76c2a	#dd6f36	#e37242	#e8764e	#ee795a	#f47c66	#fa8072
#d2691e	#d76c2a	#dd6f36	#e37242	#e8764e	#ee795a	#f47c66	#fa8072

Kombination von #d2691e und #fa8072
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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 vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #fa8072 und #d2691e ergibt sich zu 93.08%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 6.92%. #fa8072 ist nicht als Schriftfarbe auf Hintergrund #d2691e geeignet, da die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #d2691e				Schriftfarbwert #fa8072
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2691e	#d2691e	#d2691e	#d2691e	#fa8072	#fa8072	#fa8072	#fa8072
#d87e3e	#d87e3e	#b45a19	#b45a19	#fa9286	#fa9286	#d66d61	#d66d61
#de935e	#de935e	#964b15	#964b15	#fba49a	#fba49a	#b25b51	#b25b51
#e5a97e	#e5a97e	#783c11	#783c11	#fcb6ae	#fcb6ae	#8e4941	#8e4941
#ebbe9e	#ebbe9e	#5a2d0c	#5a2d0c	#fcc8c2	#fcc8c2	#6b3630	#6b3630
#f2d4be	#f2d4be	#3c1e08	#3c1e08	#fddad6	#fddad6	#472420	#472420
#f8e9de	#f8e9de	#1e0f04	#1e0f04	#feecea	#feecea	#231210	#231210
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d2691e und Farbwert #fa8072

Wechsel der Umrandung bei Hover mit Tag blockquote

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

In diesem Beispiel umranden wir <blockquote> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #d2691e.

<style type="text/css"><!--
  blockquote { border:1px outset #d2691e; }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #fa8072 ändert.

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

Weiteres zum Thema blockquote können Sie in Blockorientierte Elemente in HTML lesen. Weiteres zum HTML-Befehl blockquote ist in der HTML Referenz bei <blockquote> beschrieben.

Wechsel der Hintergrundfarbe bei Hover mit Tag dt

Die Hintergrundfarbe soll sich von Farbwert #d2691e auf Farbwert #fa8072 ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst die Formatierung von <dt> in Farbwert #d2691e vor.

Hier legen wir bei <dt> die Hintergrundfarbe auf Farbwert #d2691e fest. Die Schriftgröße verkleinern wir auf 90%.

<style type="text/css"><!--
  dt { 
    background-color: #d2691e; 
    font-size: 90%;
  }
//-->
</style>

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

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

Weiteres zu dt können Sie in Listen und Glossare in HTML nachlesen. Möglichkeiten des HTML-Tag dt erfahren Sie in der HTML Referenz unter <dt>.