Ressourcen: 120 HTML Farbnamen - Kombination von Farbe mediumslateblue 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 mediumslateblue			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund mediumslateblue	Detail	:	Schrift #dcdcdc
Farbe	:	mediumslateblue	Farbwert	:	#dcdcdc
Farbwert	:	#7b68ee	Farbe	:	gainsboro
HTML	:	mediumslateblue	HTML	:	#dcdcdc
HTML (Wert)	:	#7b68ee	HTML (Wert)	:	#dcdcdc
CSS	:	mediumslateblue	CSS	:	#dcdcdc
CSS (Wert)	:	#7b68ee	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#7b68ee	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(123,104,238)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(48%,40%,93%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe mediumslateblue nach Schriftfarbwert #dcdcdc
#7b68ee	#8878eb	#9689e8	#a499e6	#b2aae3	#c0bae1	#cecbde	#dcdcdc
#7b68ee	#8878eb	#9689e8	#a499e6	#b2aae3	#c0bae1	#cecbde	#dcdcdc

Kombination von mediumslateblue und #dcdcdc
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#dcdcdc ist nicht als Schriftfarbe auf Hintergrund mediumslateblue geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #dcdcdc und mediumslateblue beträgt 85.58%. Die Lesbarkeit dieser Kombination ergibt sich zu 14.42%.

Hintergrundfarbe mediumslateblue				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#7b68ee	#7b68ee	#7b68ee	#7b68ee	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#8d7df0	#8d7df0	#6959cc	#6959cc	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#a093f2	#a093f2	#574aaa	#574aaa	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#b3a8f5	#b3a8f5	#463b88	#463b88	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#c6bef7	#c6bef7	#342c66	#342c66	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#d9d3fa	#d9d3fa	#231d44	#231d44	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#ece9fc	#ece9fc	#110e22	#110e22	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe mediumslateblue und Farbwert #dcdcdc

Wechsel der Hintergrundfarbe bei Hover bei Tag button

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

Als Beispiel legen wir Farbe mediumslateblue als Hintergrundfarbe von <button> fest. Die Textfarbe lassen wir unverändert. Die Schriftart setzen wir auf courier new:

<style type="text/css"><!--
  button { 
    font-family: courier new; 
    background-color: mediumslateblue;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #dcdcdc geändert wird.

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

Mehr zu button können Sie in Formulare in HTML nachsehen. Der hier genutzte Tag button ist in der HTML Referenz bei <button> genau beschrieben.

Wechsel der Umrandung bei Hover bei HTML-Tag dd

Die Rahmenfarbe soll sich von Farbe mediumslateblue auf Farbwert #dcdcdc ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <dd> in Farbe mediumslateblue vor.

In diesem Beispiel umranden wir <dd> mit einem 5 Pixel dicken, gepunkteten Rahmen in Farbe mediumslateblue.

<style type="text/css"><!--
  dd { 
    border-width:5px; 
    border-style:dotted; 
    border-color:mediumslateblue;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Rahmenfarbe auf #dcdcdc ändert.

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

Weiteres zum Thema können Sie in Listen und Glossare in HTML finden. Einzelheiten des hier verwendeten Befehl dd sind in der HTML Referenz bei <dd> zusammengestellt.