Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darksalmon und Farbwert #a0522d

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.

Hintergrundfarbe darksalmon			Schriftfarbwert #a0522d
Detail	:	Hintergrund darksalmon	Detail	:	Schrift #a0522d
Farbe	:	darksalmon	Farbwert	:	#a0522d
Farbwert	:	#e9967a	Farbe	:	sienna
HTML	:	darksalmon	HTML	:	#a0522d
HTML (Wert)	:	#e9967a	HTML (Wert)	:	#a0522d
CSS	:	darksalmon	CSS	:	#a0522d
CSS (Wert)	:	#e9967a	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#e9967a	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(233,150,122)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(91%,58%,47%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbe darksalmon nach Schriftfarbwert #a0522d
#e9967a	#de8c6f	#d48264	#c97859	#bf6f4e	#b46543	#aa5b38	#a0522d
#e9967a	#de8c6f	#d48264	#c97859	#bf6f4e	#b46543	#aa5b38	#a0522d

Kombination von darksalmon und #a0522d
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #a0522d und darksalmon beträgt 88.40%. Die Lesbarkeit dieser Kombination liegt damit bei 11.60%. #a0522d eignet sich nicht als Schriftfarbe auf Hintergrund darksalmon, da die Unterschiede in der Helligkeit und Farbe zu gering sind.

Hintergrundfarbe darksalmon				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#e9967a	#e9967a	#e9967a	#e9967a	#a0522d	#a0522d	#a0522d	#a0522d
#eca58d	#eca58d	#c78068	#c78068	#ad6a4b	#ad6a4b	#894626	#894626
#efb4a0	#efb4a0	#a66b57	#a66b57	#bb8369	#bb8369	#723a20	#723a20
#f2c3b3	#f2c3b3	#855545	#855545	#c89c87	#c89c87	#5b2e19	#5b2e19
#f5d2c6	#f5d2c6	#634034	#634034	#d6b4a5	#d6b4a5	#442313	#442313
#f8e1d9	#f8e1d9	#422a22	#422a22	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#fbf0ec	#fbf0ec	#211511	#211511	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darksalmon und Farbwert #a0522d

Wechsel der Hintergrundfarbe bei Hover von HTML-Tag colgroup

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

Wir setzen hier bei <colgroup> die Hintergrundfarbe auf Farbe darksalmon:

<style type="text/css"><!--
  colgroup { 
    background-color:darksalmon;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #a0522d geändert wird.

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

Weiteres zu colgroup können Sie in Tabellen in HTML erfahren. Mehr zum hier gezeigten Tag <colgroup>.

Hintergrund/Text-Kombination von Tag blockquote

Für dieses Beispiel ändern wir die Textfarbe von <blockquote> auf Farbwert #a0522d und die Hintergrundfarbe von <blockquote> auf Farbe darksalmon. Die Schriftart setzen wir auf sans-serif. Als Schriftgröße entscheiden wir uns für 9pt.

<style type="text/css"><!--
  blockquote { 
    font-family: sans-serif; 
    background-color: darksalmon; 
    color: #a0522d; 
    font-size: 9pt;
  }
//-->
</style>

Mehr zum Thema können Sie in Blockorientierte Elemente in HTML nachsehen. Beschreibung des HTML-Tag <blockquote>.