Ressourcen: 120 HTML Farbnamen - Kombination von Farbe blueviolet und Farbe darkslategray

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			Schriftfarbe darkslategray
Detail	:	Hintergrund blueviolet	Detail	:	Schrift darkslategray
Farbe	:	blueviolet	Farbe	:	darkslategray
Farbwert	:	#8a2be2	Farbwert	:	#2f4f4f
HTML	:	blueviolet	HTML	:	darkslategray
HTML (Wert)	:	#8a2be2	HTML (Wert)	:	#2f4f4f
CSS	:	blueviolet	CSS	:	darkslategray
CSS (Wert)	:	#8a2be2	CSS (Wert)	:	#2f4f4f
CSS (kürzest)	:	#8a2be2	CSS (kürzest)	:	#2f4f4f
CSS (RGB)	:	rgb(138,43,226)	CSS (RGB)	:	rgb(47,79,79)
CSS (%RGB)	:	rgb(54%,16%,88%)	CSS (%RGB)	:	rgb(18%,30%,30%)

Verlauf Hintergrundfarbe blueviolet nach Schriftfarbe darkslategray
#8a2be2	#7d30cd	#7035b8	#633aa3	#563f8e	#494479	#3c4964	#2f4f4f
#8a2be2	#7d30cd	#7035b8	#633aa3	#563f8e	#494479	#3c4964	#2f4f4f

Kombination von blueviolet und darkslategray
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben darkslategray und blueviolet beträgt 92.86%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.14%. Auf Hintergrund blueviolet ist darkslategray ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe blueviolet				Schriftfarbe darkslategray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8a2be2	#8a2be2	#8a2be2	#8a2be2	#2f4f4f	#2f4f4f	#2f4f4f	#2f4f4f
#9a49e6	#9a49e6	#7624c1	#7624c1	#4c6868	#4c6868	#284343	#284343
#ab67ea	#ab67ea	#621ea1	#621ea1	#6a8181	#6a8181	#213838	#213838
#bc85ee	#bc85ee	#4e1881	#4e1881	#889a9a	#889a9a	#1a2d2d	#1a2d2d
#cca4f2	#cca4f2	#3b1260	#3b1260	#a5b3b3	#a5b3b3	#142121	#142121
#ddc2f6	#ddc2f6	#270c40	#270c40	#c3cccc	#c3cccc	#0d1616	#0d1616
#eee0fa	#eee0fa	#130620	#130620	#e1e5e5	#e1e5e5	#060b0b	#060b0b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe blueviolet und Farbe darkslategray

Wechsel der Hintergrundfarbe bei Hover von Befehl dd

Die Hintergrundfarbe soll sich von Farbe blueviolet auf Farbe darkslategray ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <dd> in Farbe blueviolet vor.

Hier legen wir Farbe blueviolet als Hintergrundfarbe von <dd> fest und setzen die Schriftgröße auf 10pt.

<style type="text/css"><!--
  dd { 
    background-color: blueviolet; 
    font-size: 10pt;
  }
//-->
</style>

Nun fordern wir, dass bei Mausberührung die Hintergrundfarbe auf darkslategray gesetzt wird.

<style type="text/css"><!--
  dd:hover { 
    background-color:darkslategray;
  }
//-->
</style>

Mehr zum Thema finden Sie in Listen und Glossare in HTML. Beschreibung vom hier genutzten HTML-Tag <dd>.

Hintergrund/Text-Kombination mit Befehl center

Für dieses Beispiel ändern wir die Textfarbe von <center> auf Farbe darkslategray und die Hintergrundfarbe von <center> auf Farbe blueviolet. Als Schriftart setzen wir arial und ändern die Schriftgröße auf 13px.

<style type="text/css"><!--
  center { 
    color:darkslategray; 
    font-family:arial; 
    font-size:13px; 
    background-color:blueviolet;
  }
//-->
</style>

Mehr zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Die Beschreibung des HTML-Tag center erfahren Sie in der HTML Referenz unter <center>.