Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #dcdcdc und Farbwert #7b68ee

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.

Hintergrundfarbwert #dcdcdc			Schriftfarbwert #7b68ee
Detail	:	Hintergrund #dcdcdc	Detail	:	Schrift #7b68ee
Farbwert	:	#dcdcdc	Farbwert	:	#7b68ee
Farbe	:	gainsboro	Farbe	:	mediumslateblue
HTML	:	#dcdcdc	HTML	:	#7b68ee
HTML (Wert)	:	#dcdcdc	HTML (Wert)	:	#7b68ee
CSS	:	#dcdcdc	CSS	:	#7b68ee
CSS (Wert)	:	#dcdcdc	CSS (Wert)	:	#7b68ee
CSS (kürzest)	:	#dcdcdc	CSS (kürzest)	:	#7b68ee
CSS (RGB)	:	rgb(220,220,220)	CSS (RGB)	:	rgb(123,104,238)
CSS (%RGB)	:	rgb(86%,86%,86%)	CSS (%RGB)	:	rgb(48%,40%,93%)

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

Kombination von #dcdcdc und #7b68ee
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#7b68ee ist nicht als Schriftfarbe auf Hintergrund #dcdcdc geeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit der Farben #7b68ee und #dcdcdc ergibt sich zu 85.58%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 14.42%.

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

Beispiele zur Kombination von Farbwert #dcdcdc und Farbwert #7b68ee

Wechsel der Textfarbe bei Hover von HTML-Befehl h2

Mit HTML-Befehl <h2> setzen Sie eine Überschrift. Diese kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #dcdcdc auf Farbwert #7b68ee ändern, wenn man mit der Maus auf <h2> zeigt. Bereiten wir zunächst die Darstellung von <h2> in Farbwert #dcdcdc vor.

In diesem Beispiel ändern wir bei <h2> die Textfarbe auf Farbwert #dcdcdc. Die Hintergrundfarbe verändern wir nicht. Die Schriftart setzen wir auf monospace und verkleinern die Größe der Schrift auf 85S%.

<style type="text/css"><!--
  h2 { 
    color:#dcdcdc; 
    font-size:85S%; 
    font-family:monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #7b68ee geändert wird.

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

Mehr zu h2 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Weiteres zum hier verwendeten HTML-Tag h2 ist in der HTML Referenz unter <h2> gezeigt.

Hintergrund/Text-Kombination mit Befehl blockquote

Wir ändern hier die Textfarbe von <blockquote> auf Farbwert #7b68ee und die Hintergrundfarbe von <blockquote> auf Farbwert #dcdcdc. Die Schriftart ändern wir auf arial. Die Schriftgröße setzen wir auf 93%.

<style type="text/css"><!--
  blockquote { 
    color: #7b68ee; 
    background-color: #dcdcdc; 
    font-size: 93%; 
    font-family: arial;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Blockorientierte Elemente in HTML. Mehr zum hier gezeigten HTML-Befehl blockquote ist in der HTML Referenz unter <blockquote> gezeigt.