Ressourcen: 137 HTML Farbnamen - Kombination von Farbe slategray und Farbwert #dcdcdc

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 slategray			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund slategray	Detail	:	Schrift #dcdcdc
Farbe	:	slategray	Farbwert	:	#dcdcdc
Farbwert	:	#708090	Farbe	:	gainsboro
HTML	:	slategray	HTML	:	#dcdcdc
HTML (Wert)	:	#708090	HTML (Wert)	:	#dcdcdc
CSS	:	slategray	CSS	:	#dcdcdc
CSS (Wert)	:	#708090	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#708090	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(112,128,144)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(43%,50%,56%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe slategray nach Schriftfarbwert #dcdcdc
#708090	#7f8d9a	#8e9aa5	#9ea7b0	#adb4bb	#bdc1c6	#ccced1	#dcdcdc
#708090	#7f8d9a	#8e9aa5	#9ea7b0	#adb4bb	#bdc1c6	#ccced1	#dcdcdc

Kombination von slategray und #dcdcdc
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. Cras id velit ante.				#dcdcdc ist nicht als Schriftfarbe auf Hintergrund slategray geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit der Farben #dcdcdc und slategray ergibt sich zu 85.92%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 14.08%.

Hintergrundfarbe slategray				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#708090	#708090	#708090	#708090	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#84929f	#84929f	#606d7b	#606d7b	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#98a4af	#98a4af	#505b66	#505b66	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#adb6bf	#adb6bf	#404952	#404952	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#c1c8cf	#c1c8cf	#30363d	#30363d	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#d6dadf	#d6dadf	#202429	#202429	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#eaecef	#eaecef	#101214	#101214	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe slategray und Farbwert #dcdcdc

Wechsel der Textfarbe bei Hover mit Befehl h2

Mit Tag <h2> erzeugen Sie eine Überschrift der 2. Stufe. Diese können Sie farblich gestalten.

Die Textfarbe soll sich von Farbe slategray auf Farbwert #dcdcdc ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <h2> in Farbe slategray vor.

Für dieses Beispiel legen wir die Textfarbe von <h2> auf Farbe slategray fest. Die Größe der Schrift erhöhen wir auf 127%.

<style type="text/css"><!--
  h2 { 
    color:slategray; 
    font-size:127%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #dcdcdc geändert wird.

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

Mehr zum Thema h2 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Die Beschreibung vom HTML-Tag h2 erfahren Sie in der HTML Referenz unter <h2>.

Wechsel der Hintergrundfarbe bei Hover von Tag dt

Die Hintergrundfarbe soll sich von Farbe slategray auf Farbwert #dcdcdc ändern, wenn man mit der Maus auf <dt> zeigt. Bereiten wir zunächst eine Darstellung von <dt> in Farbe slategray vor.

Hier legen wir Farbe slategray als Hintergrundfarbe von <dt> fest:

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

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

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

Mehr zum Thema können Sie in Listen und Glossare in HTML lesen. Möglichkeiten vom hier gezeigten Befehl dt sind in der HTML Referenz bei <dt> ausführlich beschrieben.