Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #dda0dd und Farbwert #8b4513

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 #dda0dd			Schriftfarbwert #8b4513
Detail	:	Hintergrund #dda0dd	Detail	:	Schrift #8b4513
Farbwert	:	#dda0dd	Farbwert	:	#8b4513
Farbe	:	plum	Farbe	:	saddlebrown
HTML	:	#dda0dd	HTML	:	#8b4513
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#8b4513
CSS	:	#dda0dd	CSS	:	#8b4513
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#8b4513
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#8b4513
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(139,69,19)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(54%,27%,7%)

Verlauf Hintergrundfarbwert #dda0dd nach Schriftfarbwert #8b4513
#dda0dd	#d193c0	#c586a3	#b97986	#ae6c69	#a25f4c	#96522f	#8b4513
#dda0dd	#d193c0	#c586a3	#b97986	#ae6c69	#a25f4c	#96522f	#8b4513

Kombination von #dda0dd und #8b4513
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante.				#8b4513 eignet sich nicht als Schriftfarbe auf Hintergrund #dda0dd. Weder der Helligkeitsunterschied noch der Farbunterschied sind ausreichend. Die Ähnlichkeit von #8b4513 und #dda0dd ergibt sich zu 83.67%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 16.33%.

Hintergrundfarbwert #dda0dd				Schriftfarbwert #8b4513
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#8b4513	#8b4513	#8b4513	#8b4513
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#9b5f34	#9b5f34	#773b10	#773b10
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#ac7a56	#ac7a56	#63310d	#63310d
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#bc9478	#bc9478	#4f270a	#4f270a
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#cdaf99	#cdaf99	#3b1d08	#3b1d08
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#ddc9bb	#ddc9bb	#271305	#271305
#faf1fa	#faf1fa	#1f161f	#1f161f	#eee4dd	#eee4dd	#130902	#130902
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dda0dd und Farbwert #8b4513

Wechsel der Umrandung bei Hover von Tag em

Die Rahmenfarbe soll sich von Farbwert #dda0dd auf Farbwert #8b4513 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Formatierung von <em> in Farbwert #dda0dd vor.

In diesem Beispiel umranden wir <em> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #dda0dd.

<style type="text/css"><!--
  em { 
    border-width: 1px; 
    border-color: #dda0dd; 
    border-style: outset;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Rahmenfarbe auf #8b4513 geändert wird.

<style type="text/css"><!--
  em:hover { 
    border-color:#8b4513;
  }
//-->
</style>

Weiteres zu em können Sie in Text in HTML lesen. Möglichkeiten vom hier verwendeten HTML-Tag <em>.

Wechsel der Textfarbe bei Hover bei Tag h2

Mit Tag <h2> wird eine Überschrift der 2. Stufe erzeugt. Diese kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #dda0dd auf Farbwert #8b4513 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h2> in Farbwert #dda0dd vor.

Wir legen als Beispiel Farbwert #dda0dd als Textfarbe von <h2> fest. Die Hintergrundfarbe behalten wir bei, setzen jedoch die Schriftart auf courier new und verringern die Schriftgröße auf 83%.

<style type="text/css"><!--
  h2 { 
    color:#dda0dd; 
    font-size:83%; 
    font-family:courier new;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf #8b4513 geändert wird.

<style type="text/css"><!--
  h2:hover { 
    color:#8b4513;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum hier genutzten HTML-Tag h2 finden Sie in der HTML Referenz unter <h2>.