Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkslateblue und Farbwert #dcdcdc

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.

Hintergrundfarbe darkslateblue			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund darkslateblue	Detail	:	Schrift #dcdcdc
Farbe	:	darkslateblue	Farbwert	:	#dcdcdc
Farbwert	:	#483d8b	Farbe	:	gainsboro
HTML	:	darkslateblue	HTML	:	#dcdcdc
HTML (Wert)	:	#483d8b	HTML (Wert)	:	#dcdcdc
CSS	:	darkslateblue	CSS	:	#dcdcdc
CSS (Wert)	:	#483d8b	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#483d8b	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(72,61,139)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(28%,23%,54%)	CSS (%RGB)	:	rgb(86%,86%,86%)

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

Kombination von darkslateblue und #dcdcdc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #dcdcdc und darkslateblue ergibt sich zu 68.51%. Die Lesbarkeit dieser Kombination ergibt sich zu 31.49%. #dcdcdc eignet sich nicht als Schriftfarbe auf Hintergrund darkslateblue. Zwar ist der Helligkeitsunterschied gross genug, die Farben selbst sind sich zu ähnlich.

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

Beispiel zur Kombination von Farbe darkslateblue und Farbwert #dcdcdc

Wechsel der Hintergrundfarbe bei Hover mit Tag abbr

Die Hintergrundfarbe soll sich von Farbe darkslateblue auf Farbwert #dcdcdc ändern, wenn man mit der Maus auf <abbr> zeigt. Wir bereiten zunächst eine Darstellung von <abbr> in Farbe darkslateblue vor.

Wir setzen in diesem Beispiel bei <abbr> die Hintergrundfarbe auf Farbe darkslateblue. Die Textfarbe behalten wir bei, ändern jedoch die Schriftart auf courier new. Die Schriftgröße ändern wir auf 10px.

<style type="text/css"><!--
  abbr { 
    background-color:darkslateblue; 
    font-family:courier new; 
    font-size:10px;
  }
//-->
</style>

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

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

Weiteres zum hier gezeigten Tag abbr finden Sie in der HTML Referenz unter <abbr>.