Ressourcen: 120 HTML Farbnamen - Kombination von Farbe blueviolet 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 blueviolet			Schriftfarbwert #dcdcdc
Detail	:	Hintergrund blueviolet	Detail	:	Schrift #dcdcdc
Farbe	:	blueviolet	Farbwert	:	#dcdcdc
Farbwert	:	#8a2be2	Farbe	:	gainsboro
HTML	:	blueviolet	HTML	:	#dcdcdc
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#dcdcdc
CSS	:	blueviolet	CSS	:	#dcdcdc
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#dcdcdc
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#dcdcdc
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(220,220,220)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(86%,86%,86%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbwert #dcdcdc
#8a2be2	#9544e1	#a15de0	#ad76df	#b890de	#c4a9dd	#d0c2dc	#dcdcdc
#8a2be2	#9544e1	#a15de0	#ad76df	#b890de	#c4a9dd	#d0c2dc	#dcdcdc

Kombination von blueviolet und #dcdcdc
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit von #dcdcdc und blueviolet ergibt sich zu 79.31%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 20.69%. #dcdcdc ist nicht als Schriftfarbe auf Hintergrund blueviolet geeignet, weil sich die Farben zu ähnlich sind.

Hintergrundfarbe blueviolet				Schriftfarbwert #dcdcdc
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#dcdcdc	#dcdcdc	#dcdcdc	#dcdcdc
#9a49e6	#9a49e6	#7624c1	#7624c1	#e1e1e1	#e1e1e1	#bcbcbc	#bcbcbc
#ab67ea	#ab67ea	#621ea1	#621ea1	#e6e6e6	#e6e6e6	#9d9d9d	#9d9d9d
#bc85ee	#bc85ee	#4e1881	#4e1881	#ebebeb	#ebebeb	#7d7d7d	#7d7d7d
#cca4f2	#cca4f2	#3b1260	#3b1260	#f0f0f0	#f0f0f0	#5e5e5e	#5e5e5e
#ddc2f6	#ddc2f6	#270c40	#270c40	#f5f5f5	#f5f5f5	#3e3e3e	#3e3e3e
#eee0fa	#eee0fa	#130620	#130620	#fafafa	#fafafa	#1f1f1f	#1f1f1f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blueviolet und Farbwert #dcdcdc

Füllen und Umranden von Tag hr

Hier umranden wir <hr> mit einem . Die Hintergrundfarbe für <hr> setzen wir auf Farbe blueviolet. Das ist mit HTML nicht möglich. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  hr { border:2pt dotted #dcdcdc; background-color:blueviolet; }
//-->
</style>

Weiteres zu hr lesen Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten HTML-Befehl hr lesen Sie in der HTML Referenz unter <hr>.

Wechsel der Hintergrundfarbe bei Hover von Tag a

Ein Link wird mit HTML-Tag <a> erzeugt. Diesen können Sie farblich gestalten und hervorheben.

Die Hintergrundfarbe soll sich von Farbe blueviolet auf Farbwert #dcdcdc ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbe blueviolet vor.

Wir ändern hier die Hintergrundfarbe von <a> auf Farbe blueviolet. Die Textfarbe lassen wir unverändert, setzen jedoch die Schriftart auf sans-serif und verringern die Schriftgröße auf 94%.

<style type="text/css"><!--
  a { 
    background-color: blueviolet; 
    font-family: sans-serif; 
    font-size: 94%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf #dcdcdc gesetzt wird.

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

Weiteres zu a können Sie in Verweise und Protokolle in HTML finden. Einzelheiten des HTML-Befehl <a>.