Ressourcen: 120 HTML Farbnamen - Kombination von Farbe navajowhite und Farbwert #dda0dd

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 navajowhite			Schriftfarbwert #dda0dd
Detail	:	Hintergrund navajowhite	Detail	:	Schrift #dda0dd
Farbe	:	navajowhite	Farbwert	:	#dda0dd
Farbwert	:	#ffdead	Farbe	:	plum
HTML	:	navajowhite	HTML	:	#dda0dd
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#dda0dd
CSS	:	navajowhite	CSS	:	#dda0dd
CSS (Wert)	:	#ffdead	CSS (Wert)	:	#dda0dd
CSS (kürzest)	:	#ffdead	CSS (kürzest)	:	#dda0dd
CSS (RGB)	:	rgb(255,222,173)	CSS (RGB)	:	rgb(221,160,221)
CSS (%RGB)	:	rgb(100%,87%,67%)	CSS (%RGB)	:	rgb(86%,62%,86%)

Verlauf Hintergrundfarbe navajowhite nach Schriftfarbwert #dda0dd
#ffdead	#fad5b3	#f5ccba	#f0c3c1	#ebbac8	#e6b1cf	#e1a8d6	#dda0dd
#ffdead	#fad5b3	#f5ccba	#f0c3c1	#ebbac8	#e6b1cf	#e1a8d6	#dda0dd

Kombination von navajowhite und #dda0dd
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund navajowhite, da weder der Helligkeitsunterschied noch der Farbunterschied ausreichend sind. Die Ähnlichkeit von #dda0dd und navajowhite beträgt 92.35%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.65%.

Hintergrundfarbe navajowhite				Schriftfarbwert #dda0dd
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffdead	#ffdead	#ffdead	#ffdead	#dda0dd	#dda0dd	#dda0dd	#dda0dd
#ffe2b8	#ffe2b8	#dabe94	#dabe94	#e1ade1	#e1ade1	#bd89bd	#bd89bd
#ffe7c4	#ffe7c4	#b69e7b	#b69e7b	#e6bbe6	#e6bbe6	#9d729d	#9d729d
#ffecd0	#ffecd0	#917e62	#917e62	#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e
#fff0db	#fff0db	#6d5f4a	#6d5f4a	#f0d6f0	#f0d6f0	#5e445e	#5e445e
#fff5e7	#fff5e7	#483f31	#483f31	#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f
#fffaf3	#fffaf3	#241f18	#241f18	#faf1fa	#faf1fa	#1f161f	#1f161f
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe navajowhite und Farbwert #dda0dd

Wechsel der Umrandung bei Hover von Befehl samp

Die Rahmenfarbe soll sich von Farbe navajowhite auf Farbwert #dda0dd ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <samp> in Farbe navajowhite vor.

In diesem Beispiel umranden wir <samp> mit einem 1 Pixel dicken, gezahnten Rahmen in Farbe navajowhite.

<style type="text/css"><!--
  samp { border:1px ridge navajowhite; }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #dda0dd gesetzt wird.

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

Mehr zum Thema samp erfahren Sie in Text in HTML. Möglichkeiten vom HTML-Befehl samp sind in der HTML Referenz bei <samp> ausführlich gezeigt.

Zebra-Effekt bei HTML-Befehl tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, spricht man von einem Zebra-Effekt. Der Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .ying und .yang für <tr> mit unterschiedlichen Hintergrundfarben Farbe navajowhite und Farbwert #dda0dd.

<style type="text/css"><!--
  tr.ying { 
    background-color:navajowhite;
  }
  tr.yang { 
    background-color:#dda0dd;
  }
//-->
</style>

Diese werden abwechselnd angewendet.

<table>
<tr class="ying"><td>La~a</td><td>Lb~a</td><td>Lc~a</td></tr>
<tr class="yang"><td>La~b</td><td>Lb~b</td><td>Lc~b</td></tr>
<tr class="ying"><td>La~c</td><td>Lb~c</td><td>Lc~c</td></tr>
</table>

Weiteres zum Thema tr erfahren Sie in Tabellen in HTML. Weiteres zum HTML-Befehl tr ist in der HTML Referenz unter <tr> beschrieben.