Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #da70d6 und Farbe brown

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.

Hintergrundfarbwert #da70d6			Schriftfarbe brown
Detail	:	Hintergrund #da70d6	Detail	:	Schrift brown
Farbwert	:	#da70d6	Farbe	:	brown
Farbe	:	orchid	Farbwert	:	#a52a2a
HTML	:	#da70d6	HTML	:	brown
HTML (Wert)	:	#da70d6	HTML (Wert)	:	#a52a2a
CSS	:	#da70d6	CSS	:	brown
CSS (Wert)	:	#da70d6	CSS (Wert)	:	#a52a2a
CSS (kürzest)	:	#da70d6	CSS (kürzest)	:	#a52a2a
CSS (RGB)	:	rgb(218,112,214)	CSS (RGB)	:	rgb(165,42,42)
CSS (%RGB)	:	rgb(85%,43%,83%)	CSS (%RGB)	:	rgb(64%,16%,16%)

Verlauf Hintergrundfarbwert #da70d6 nach Schriftfarbe brown
#da70d6	#d266bd	#ca5ca4	#c3528c	#bb4873	#b43e5b	#ac3442	#a52a2a
#da70d6	#d266bd	#ca5ca4	#c3528c	#bb4873	#b43e5b	#ac3442	#a52a2a

Kombination von #da70d6 und brown
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #da70d6 ist brown ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit von brown und #da70d6 ergibt sich zu 88.32%. Die Lesbarkeit dieser Kombination bewerte ich mit 11.68%.

Hintergrundfarbwert #da70d6				Schriftfarbe brown
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#da70d6	#da70d6	#da70d6	#da70d6	#a52a2a	#a52a2a	#a52a2a	#a52a2a
#df84db	#df84db	#ba60b7	#ba60b7	#b14848	#b14848	#8d2424	#8d2424
#e498e1	#e498e1	#9b5098	#9b5098	#be6666	#be6666	#751e1e	#751e1e
#e9ade7	#e9ade7	#7c407a	#7c407a	#cb8585	#cb8585	#5e1818	#5e1818
#efc1ed	#efc1ed	#5d305b	#5d305b	#d8a3a3	#d8a3a3	#461212	#461212
#f4d6f3	#f4d6f3	#3e203d	#3e203d	#e5c2c2	#e5c2c2	#2f0c0c	#2f0c0c
#f9eaf9	#f9eaf9	#1f101e	#1f101e	#f2e0e0	#f2e0e0	#170606	#170606
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #da70d6 und Farbe brown

Hintergrund/Text-Kombination mit Befehl li

Hier ändern wir die Textfarbe von <li> auf Farbe brown und die Hintergrundfarbe von <li> auf Farbwert #da70d6. Die Schriftart ändern wir auf sans-serif und setzen die Schriftgröße auf 13px.

<style type="text/css"><!--
  li { 
    font-size:13px; 
    font-family:sans-serif; 
    color:brown; 
    background-color:#da70d6;
  }
//-->
</style>

Mehr zu li lesen Sie in Listen und Glossare in HTML. Beschreibung vom HTML-Tag <li>.

Wechsel der Hintergrundfarbe bei Hover von Tag a

Mit HTML-Befehl <a> setzen Sie einen Link. Diesen können Sie farblich gestalten und hervorheben.

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

Als Beispiel setzen wir bei <a> die Hintergrundfarbe auf Farbwert #da70d6. Zwar behalten wir die Textfarbe bei, ändern jedoch die Schriftart auf sans-serif und setzen die Größe der Schrift auf 9pt:

<style type="text/css"><!--
  a { 
    font-size: 9pt; 
    font-family: sans-serif; 
    background-color: #da70d6;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Hintergrundfarbe auf brown geändert wird.

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

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Mehr zum Tag a ist in der HTML Referenz bei <a> beschrieben.