Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #8b008b und Farbwert #a0522d

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 #8b008b			Schriftfarbwert #a0522d
Detail	:	Hintergrund #8b008b	Detail	:	Schrift #a0522d
Farbwert	:	#8b008b	Farbwert	:	#a0522d
Farbe	:	darkmagenta	Farbe	:	sienna
HTML	:	#8b008b	HTML	:	#a0522d
HTML (Wert)	:	#8b008b	HTML (Wert)	:	#a0522d
CSS	:	#8b008b	CSS	:	#a0522d
CSS (Wert)	:	#8b008b	CSS (Wert)	:	#a0522d
CSS (kürzest)	:	#8b008b	CSS (kürzest)	:	#a0522d
CSS (RGB)	:	rgb(139,0,139)	CSS (RGB)	:	rgb(160,82,45)
CSS (%RGB)	:	rgb(54%,0%,54%)	CSS (%RGB)	:	rgb(62%,32%,17%)

Verlauf Hintergrundfarbwert #8b008b nach Schriftfarbwert #a0522d
#8b008b	#8e0b7d	#911770	#942362	#972e55	#9a3a47	#9d463a	#a0522d
#8b008b	#8e0b7d	#911770	#942362	#972e55	#9a3a47	#9d463a	#a0522d

Kombination von #8b008b und #a0522d
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit von #a0522d und #8b008b beträgt 92.79%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.21%. Auf Hintergrund #8b008b ist #a0522d ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind.

Hintergrundfarbwert #8b008b				Schriftfarbwert #a0522d
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#8b008b	#8b008b	#8b008b	#8b008b	#a0522d	#a0522d	#a0522d	#a0522d
#9b249b	#9b249b	#770077	#770077	#ad6a4b	#ad6a4b	#894626	#894626
#ac48ac	#ac48ac	#630063	#630063	#bb8369	#bb8369	#723a20	#723a20
#bc6dbc	#bc6dbc	#4f004f	#4f004f	#c89c87	#c89c87	#5b2e19	#5b2e19
#cd91cd	#cd91cd	#3b003b	#3b003b	#d6b4a5	#d6b4a5	#442313	#442313
#ddb6dd	#ddb6dd	#270027	#270027	#e3cdc3	#e3cdc3	#2d170c	#2d170c
#eedaee	#eedaee	#130013	#130013	#f1e6e1	#f1e6e1	#160b06	#160b06
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #8b008b und Farbwert #a0522d

Wechsel der Umrandung bei Hover bei Tag hr

Die Rahmenfarbe soll sich von Farbwert #8b008b auf Farbwert #a0522d ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <hr> in Farbwert #8b008b vor.

In diesem Beispiel umranden wir <hr> mit einem 3 Pixel dicken, gepunkteten Rahmen in Farbwert #8b008b.

<style type="text/css"><!--
  hr { border:3px dotted #8b008b; }
//-->
</style>

Nun fordern wir, dass bei Hover die Rahmenfarbe auf #a0522d geändert wird.

<style type="text/css"><!--
  hr: hover { 
    border-color: #a0522d;
  }
//-->
</style>

Mehr zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des Befehl hr finden Sie in der HTML Referenz unter <hr>.

Zebra-Effekt von Tag td

Man redet vom Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <td> mit unterschiedlichen Hintergrundfarben Farbwert #8b008b und Farbwert #a0522d.

<style type="text/css"><!--
  td.ying { 
    background-color:#8b008b;
  }
  td.yang { 
    background-color:#a0522d;
  }
//-->
</style>

Diese Klassen werden abwechselnd verwendet.

<table>
<tr><td class="ying">Ta-a</td><td class="yang">Tb-a</td><td class="ying">Tc-a</td></tr>
<tr><td class="ying">Ta-b</td><td class="yang">Tb-b</td><td class="ying">Tc-b</td></tr>
<tr><td class="ying">Ta-c</td><td class="yang">Tb-c</td><td class="ying">Tc-c</td></tr>
</table>

Weiteres zum Thema erfahren Sie in Tabellen in HTML. Der Tag td ist in der HTML Referenz bei <td> ausführlich gezeigt.