Ressourcen: 120 HTML Farbnamen - Kombination von Farbe darkred und Farbwert #6a5acd

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 darkred			Schriftfarbwert #6a5acd
Detail	:	Hintergrund darkred	Detail	:	Schrift #6a5acd
Farbe	:	darkred	Farbwert	:	#6a5acd
Farbwert	:	#8b0000	Farbe	:	slateblue
HTML	:	darkred	HTML	:	#6a5acd
HTML (Wert)	:	#8b0000	HTML (Wert)	:	#6a5acd
CSS	:	darkred	CSS	:	#6a5acd
CSS (Wert)	:	#8b0000	CSS (Wert)	:	#6a5acd
CSS (kürzest)	:	#8b0000	CSS (kürzest)	:	#6a5acd
CSS (RGB)	:	rgb(139,0,0)	CSS (RGB)	:	rgb(106,90,205)
CSS (%RGB)	:	rgb(54%,0%,0%)	CSS (%RGB)	:	rgb(41%,35%,80%)

Verlauf Hintergrundfarbe darkred nach Schriftfarbwert #6a5acd
#8b0000	#860c1d	#81193a	#7c2657	#783375	#734092	#6e4daf	#6a5acd
#8b0000	#860c1d	#81193a	#7c2657	#783375	#734092	#6e4daf	#6a5acd

Kombination von darkred und #6a5acd
Cras vestibulum tristique erat, ac interdum justo cursus in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante.				Die Ähnlichkeit der Farben #6a5acd und darkred beträgt 91.02%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 8.98%. Auf Hintergrund darkred ist #6a5acd ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbe darkred				Schriftfarbwert #6a5acd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b0000	#8b0000	#8b0000	#8b0000	#6a5acd	#6a5acd	#6a5acd	#6a5acd
#9b2424	#9b2424	#770000	#770000	#7f71d4	#7f71d4	#5a4daf	#5a4daf
#ac4848	#ac4848	#630000	#630000	#9489db	#9489db	#4b4092	#4b4092
#bc6d6d	#bc6d6d	#4f0000	#4f0000	#a9a0e2	#a9a0e2	#3c3375	#3c3375
#cd9191	#cd9191	#3b0000	#3b0000	#bfb8e9	#bfb8e9	#2d2657	#2d2657
#ddb6b6	#ddb6b6	#270000	#270000	#d4cff0	#d4cff0	#1e193a	#1e193a
#eedada	#eedada	#130000	#130000	#e9e7f7	#e9e7f7	#0f0c1d	#0f0c1d
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe darkred und Farbwert #6a5acd

Wechsel der Textfarbe bei Hover von HTML-Befehl s

Die Textfarbe soll sich von Farbe darkred auf Farbwert #6a5acd ändern, wenn man mit der Maus auf <s> zeigt. Wir bereiten zunächst eine Darstellung von <s> in Farbe darkred vor.

Wir legen in diesem Beispiel Farbe darkred als Textfarbe von <s> fest. Die Schriftgröße verkleinern wir auf 83%.

<style type="text/css"><!--
  s { 
    font-size:83%; 
    color:darkred;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Textfarbe auf #6a5acd ändert.

<style type="text/css"><!--
  s: hover { 
    color: #6a5acd;
  }
//-->
</style>

Mehr zum Thema finden Sie in Text in HTML. Weiteres zum Tag <s>.

Füllen und Umranden bei Befehl textarea

Für dieses Beispiel umranden wir <textarea> mit einem gepunkteten, 2 Pixel dicken Rahmen in Farbwert #6a5acd . Die Hintergrundfarbe für <textarea> färben wir mit Farbe darkred. Das geht mit HTML kaum. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  textarea { 
    border-style: dotted; 
    border-color: #6a5acd; 
    background-color: darkred; 
    border-width: 2px;
  }
//-->
</style>

Mehr zum Thema textarea können Sie in Formulare in HTML finden. Einzelheiten vom hier gezeigten HTML-Tag textarea finden Sie in der HTML Referenz unter <textarea>.