Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d2b48c und Farbe gainsboro

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 #d2b48c			Schriftfarbe gainsboro
Detail	:	Hintergrund #d2b48c	Detail	:	Schrift gainsboro
Farbwert	:	#d2b48c	Farbe	:	gainsboro
Farbe	:	tan	Farbwert	:	#dcdcdc
HTML	:	#d2b48c	HTML	:	gainsboro
HTML (Wert)	:	#d2b48c	HTML (Wert)	:	#dcdcdc
CSS	:	#d2b48c	CSS	:	gainsboro
CSS (Wert)	:	#d2b48c	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#d2b48c	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(210,180,140)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(82%,70%,54%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbwert #d2b48c nach Schriftfarbe gainsboro
#d2b48c	#d3b997	#d4bfa2	#d6c5ae	#d7cab9	#d9d0c5	#dad6d0	#dcdcdc
#d2b48c	#d3b997	#d4bfa2	#d6c5ae	#d7cab9	#d9d0c5	#dad6d0	#dcdcdc

Kombination von #d2b48c und gainsboro
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund #d2b48c ist gainsboro ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind. Die Ähnlichkeit von gainsboro und #d2b48c beträgt 93.15%. Die Lesbarkeit dieser Kombination bewerte ich mit 6.85%.

Hintergrundfarbwert #d2b48c				Schriftfarbe gainsboro
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d2b48c	#d2b48c	#d2b48c	#d2b48c	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#d8be9c	#d8be9c	#b49a78	#b49a78	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#dec9ac	#dec9ac	#968064	#968064	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#e5d4bd	#e5d4bd	#786650	#786650	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#ebdecd	#ebdecd	#5a4d3c	#5a4d3c	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#f2e9de	#f2e9de	#3c3328	#3c3328	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#f8f4ee	#f8f4ee	#1e1914	#1e1914	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d2b48c und Farbe gainsboro

Text- und Unterstreichungsfarben bei Befehl caption

Hier ändern wir die Textfarbe von <caption> auf Farbe gainsboro. Die Schriftart setzen wir auf arial. Die Schriftgröße ändern wir auf 14px. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines doppelten Rahmens mit 5 Punkte Dicke in Farbwert #d2b48c. Dies ist mit HTML nicht möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  caption { 
    color:gainsboro; 
    font-family:arial; 
    border-bottom:5pt double #d2b48c; 
    font-size:14px;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zum Thema caption können Sie in Tabellen in HTML finden. Einzelheiten des hier genutzten HTML-Tag caption sind in der HTML Referenz bei <caption> genau gezeigt.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl blockquote

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

Wir legen zum Beispiel Farbwert #d2b48c als Hintergrundfarbe von <blockquote> fest.

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

Nun fordern wir, dass sich bei Mausberührung die Hintergrundfarbe zu gainsboro ändert.

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

Mehr zum Thema blockquote können Sie in Blockorientierte Elemente in HTML lesen. Die Beschreibung des hier genutzten Befehl blockquote lesen Sie in der HTML Referenz unter <blockquote>.