Ressourcen: 120 HTML Farbnamen - Kombination von Farbe crimson und Farbwert #8a2be2

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 crimson			Schriftfarbwert #8a2be2
Detail	:	Hintergrund crimson	Detail	:	Schrift #8a2be2
Farbe	:	crimson	Farbwert	:	#8a2be2
Farbwert	:	#dc143c	Farbe	:	blueviolet
HTML	:	crimson	HTML	:	#8a2be2
HTML (Wert)	:	#dc143c	HTML (Wert)	:	#8a2be2
CSS	:	crimson	CSS	:	#8a2be2
CSS (Wert)	:	#dc143c	CSS (Wert)	:	#8a2be2
CSS (kürzest)	:	#dc143c	CSS (kürzest)	:	#8a2be2
CSS (RGB)	:	rgb(220,20,60)	CSS (RGB)	:	rgb(138,43,226)
CSS (%RGB)	:	rgb(86%,7%,23%)	CSS (%RGB)	:	rgb(54%,16%,88%)

Verlauf Hintergrundfarbe crimson nach Schriftfarbwert #8a2be2
#dc143c	#d01753	#c41a6b	#b81d83	#ad219a	#a124b2	#9527ca	#8a2be2
#dc143c	#d01753	#c41a6b	#b81d83	#ad219a	#a124b2	#9527ca	#8a2be2

Kombination von crimson und #8a2be2
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				#8a2be2 eignet sich nicht als Schriftfarbe auf Hintergrund crimson. Die Unterschiede in der Helligkeit und Farbe sind zu gering. Die Ähnlichkeit von #8a2be2 und crimson beträgt 94.31%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 5.69%.

Hintergrundfarbe crimson				Schriftfarbwert #8a2be2
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dc143c	#dc143c	#dc143c	#dc143c	#8a2be2	#8a2be2	#8a2be2	#8a2be2
#e13557	#e13557	#bc1133	#bc1133	#9a49e6	#9a49e6	#7624c1	#7624c1
#e65773	#e65773	#9d0e2a	#9d0e2a	#ab67ea	#ab67ea	#621ea1	#621ea1
#eb788f	#eb788f	#7d0b22	#7d0b22	#bc85ee	#bc85ee	#4e1881	#4e1881
#f09aab	#f09aab	#5e0819	#5e0819	#cca4f2	#cca4f2	#3b1260	#3b1260
#f5bbc7	#f5bbc7	#3e0511	#3e0511	#ddc2f6	#ddc2f6	#270c40	#270c40
#fadde3	#fadde3	#1f0208	#1f0208	#eee0fa	#eee0fa	#130620	#130620
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe crimson und Farbwert #8a2be2

Text- und Unterstreichungsfarben von HTML-Befehl cite

Hier ändern wir die Textfarbe von <cite> auf Farbwert #8a2be2. Die Schriftart ändern wir auf verdana. Die Schriftgröße ändern wir auf 13px. Wir unterstreichen den Inhalt von <cite> mit Hilfe eines gestrichelten Rahmens mit 5 Pixel Dicke in Farbe crimson. Dies ist in HTML nicht möglich. Wir nutzen daher CSS.

<style type="text/css"><!--
  cite { 
    color:#8a2be2; 
    font-size:13px; 
    border-bottom:5px dashed crimson; 
    font-family:verdana;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Beschreibung vom hier verwendeten HTML-Befehl <cite>.

Wechsel der Textfarbe bei Hover bei HTML-Befehl acronym

Die Textfarbe soll sich von Farbe crimson auf Farbwert #8a2be2 ändern, wenn man mit der Maus auf <acronym> zeigt. Bereiten wir zunächst eine Darstellung von <acronym> in Farbe crimson vor.

In diesem Beispiel ändern wir die Textfarbe von <acronym> auf Farbe crimson:

<style type="text/css"><!--
  acronym { 
    color: crimson;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #8a2be2 ändert.

<style type="text/css"><!--
  acronym:hover { 
    color:#8a2be2;
  }
//-->
</style>

Die Beschreibung des Tag acronym finden Sie in der HTML Referenz unter <acronym>.