Ressourcen: 137 HTML Farbnamen - Kombination von Farbe darkorchid und Farbwert #a52a2a

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 darkorchid			Schriftfarbwert #a52a2a
Detail	:	Hintergrund darkorchid	Detail	:	Schrift #a52a2a
Farbe	:	darkorchid	Farbwert	:	#a52a2a
Farbwert	:	#9932cc	Farbe	:	brown
HTML	:	darkorchid	HTML	:	#a52a2a
HTML (Wert)	:	#9932cc	HTML (Wert)	:	#a52a2a
CSS	:	darkorchid	CSS	:	#a52a2a
CSS (Wert)	:	#9932cc	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#9932cc	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(153,50,204)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(60%,19%,80%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbe darkorchid nach Schriftfarbwert #a52a2a
#9932cc	#9a30b4	#9c2f9d	#9e2e86	#9f2d6f	#a12c58	#a32b41	#a52a2a
#9932cc	#9a30b4	#9c2f9d	#9e2e86	#9f2d6f	#a12c58	#a32b41	#a52a2a

Kombination von darkorchid und #a52a2a
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #a52a2a und darkorchid ergibt sich zu 94.08%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.92%. #a52a2a ist nicht als Schriftfarbe auf Hintergrund darkorchid geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend.

Hintergrundfarbe darkorchid				Schriftfarbwert #a52a2a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#9932cc	#9932cc	#9932cc	#9932cc	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#a74fd3	#a74fd3	#832aae	#832aae	#b14848	#b14848	#8d2424	#8d2424
#b66cda	#b66cda	#6d2391	#6d2391	#be6666	#be6666	#751e1e	#751e1e
#c489e1	#c489e1	#571c74	#571c74	#cb8585	#cb8585	#5e1818	#5e1818
#d3a7e9	#d3a7e9	#411557	#411557	#d8a3a3	#d8a3a3	#461212	#461212
#e1c4f0	#e1c4f0	#2b0e3a	#2b0e3a	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#f0e1f7	#f0e1f7	#15071d	#15071d	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkorchid und Farbwert #a52a2a

Text- und Unterstreichungsfarben bei HTML-Befehl q

Wir ändern bei diesem Beispiel die Textfarbe von <q> auf Farbwert #a52a2a. Die Schriftart setzen wir auf monospace. Die Schriftgröße verkleinern wir auf 82%. Wir unterstreichen den Inhalt von <q> mit Hilfe eines gestrichelten Rahmens mit 3 Pixel Dicke in Farbe darkorchid. Das ist mit HTML kaum möglich. Daher verwenden wir hierfür CSS.

<style type="text/css"><!--
  q { 
    color: #a52a2a; 
    border-bottom: 3px dashed darkorchid; 
    font-size: 82%; 
    font-family: monospace;
  }
//-->
</style>

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

Mehr zum Befehl <q>.

Wechsel der Textfarbe bei Hover von Tag a

Einen Link erzeugt man mit Befehl <a>. Er kann farblich gestaltet werden.

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

Wir legen zum Beispiel bei <a> die Textfarbe auf Farbe darkorchid fest. Die Hintergrundfarbe ändern wir nicht, ändern jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  a { 
    font-family:verdana; 
    color:darkorchid;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe auf #a52a2a ändert.

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

Weiteres zu a finden Sie in Verweise und Protokolle in HTML. Mehr zum hier verwendeten HTML-Befehl <a>.