Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gainsboro und Farbwert #483d8b

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 gainsboro			Schriftfarbwert #483d8b
Detail	:	Hintergrund gainsboro	Detail	:	Schrift #483d8b
Farbe	:	gainsboro	Farbwert	:	#483d8b
Farbwert	:	#dcdcdc	Farbe	:	darkslateblue
HTML	:	gainsboro	HTML	:	#483d8b
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#483d8b
CSS	:	gainsboro	CSS	:	#483d8b
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#483d8b
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#483d8b
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(72,61,139)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(28%,23%,54%)

Verlauf Hintergrundfarbe gainsboro nach Schriftfarbwert #483d8b
#dcdcdc	#c6c5d0	#b1aec4	#9c97b9	#8781ad	#726aa2	#5d5396	#483d8b
#dcdcdc	#c6c5d0	#b1aec4	#9c97b9	#8781ad	#726aa2	#5d5396	#483d8b

Kombination von gainsboro und #483d8b
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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.				Die Ähnlichkeit der Farben #483d8b und gainsboro beträgt 68.51%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 31.49%. #483d8b eignet sich nicht als Schriftfarbe auf Hintergrund gainsboro, da der Unterschied in den Farben nicht ausreichend ist

Hintergrundfarbe gainsboro				Schriftfarbwert #483d8b
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc	#483d8b	#483d8b	#483d8b	#483d8b
#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc	#62589b	#62589b	#3d3477	#3d3477
#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d	#7c74ac	#7c74ac	#332b63	#332b63
#ebebeb	#ebebeb	#7d7d7d	#7d7d7d	#9690bc	#9690bc	#29224f	#29224f
#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e	#b0abcd	#b0abcd	#1e1a3b	#1e1a3b
#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e	#cac7dd	#cac7dd	#141127	#141127
#fafafa	#fafafa	#1f1f1f	#1f1f1f	#e4e3ee	#e4e3ee	#0a0813	#0a0813
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gainsboro und Farbwert #483d8b

Wechsel der Textfarbe bei Hover von HTML-Tag colgroup

Die Textfarbe soll sich von Farbe gainsboro auf Farbwert #483d8b ändern, wenn man mit der Maus auf <colgroup> zeigt. Bereiten wir zunächst die Darstellung von <colgroup> in Farbe gainsboro vor.

Z.B. legen wir Farbe gainsboro als Textfarbe von <colgroup> fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf verdana. Die Schriftgröße setzen wir auf 120%.

<style type="text/css"><!--
  colgroup { 
    font-size:120%; 
    color:gainsboro; 
    font-family:verdana;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #483d8b gesetzt wird.

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

Weiteres zum Thema finden Sie in Tabellen in HTML. Weiteres zum hier verwendeten HTML-Tag colgroup finden Sie in der HTML Referenz unter <colgroup>.

Wechsel der Umrandung bei Hover von HTML-Tag ins

Die Rahmenfarbe soll sich von Farbe gainsboro auf Farbwert #483d8b ändern, wenn man mit der Maus auf <ins> zeigt. Wir bereiten zunächst die Darstellung von <ins> in Farbe gainsboro vor.

In diesem Beispiel umranden wir <ins> mit einem 4 Pixel dicken, gepunkteten Rahmen in Farbe gainsboro.

<style type="text/css"><!--
  ins { border:4px dotted gainsboro; }
//-->
</style>

Nun fordern wir, dass sich bei Mausberührung die Rahmenfarbe auf #483d8b ändert.

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

Einzelheiten vom hier verwendeten HTML-Befehl ins sind in der HTML Referenz bei <ins> genau gezeigt.