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

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 #f5deb3
Detail	:	Hintergrund #dda0dd	Detail	:	Schrift #f5deb3
Farbwert	:	#dda0dd	Farbwert	:	#f5deb3
Farbe	:	plum	Farbe	:	wheat
HTML	:	#dda0dd	HTML	:	#f5deb3
HTML (Wert)	:	#dda0dd	HTML (Wert)	:	#f5deb3
CSS	:	#dda0dd	CSS	:	#f5deb3
CSS (Wert)	:	#dda0dd	CSS (Wert)	:	#f5deb3
CSS (kürzest)	:	#dda0dd	CSS (kürzest)	:	#f5deb3
CSS (RGB)	:	rgb(221,160,221)	CSS (RGB)	:	rgb(245,222,179)
CSS (%RGB)	:	rgb(86%,62%,86%)	CSS (%RGB)	:	rgb(96%,87%,70%)

Verlauf Hintergrundfarbwert #dda0dd nach Schriftfarbwert #f5deb3
#dda0dd	#e0a8d7	#e3b1d1	#e7bacb	#eac3c5	#eeccbf	#f1d5b9	#f5deb3
#dda0dd	#e0a8d7	#e3b1d1	#e7bacb	#eac3c5	#eeccbf	#f1d5b9	#f5deb3

Kombination von #dda0dd und #f5deb3
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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #f5deb3 und #dda0dd ergibt sich zu 92.50%. Die Lesbarkeit dieser Farbkombination liegt damit bei 7.50%. #f5deb3 eignet sich nicht als Schriftfarbe auf Hintergrund #dda0dd. Die Unterschiede in der Helligkeit und Farbe sind zu gering.

Hintergrundfarbwert #dda0dd				Schriftfarbwert #f5deb3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#dda0dd	#dda0dd	#dda0dd	#dda0dd	#f5deb3	#f5deb3	#f5deb3	#f5deb3
#e1ade1	#e1ade1	#bd89bd	#bd89bd	#f6e2bd	#f6e2bd	#d2be99	#d2be99
#e6bbe6	#e6bbe6	#9d729d	#9d729d	#f7e7c8	#f7e7c8	#af9e7f	#af9e7f
#ebc8eb	#ebc8eb	#7e5b7e	#7e5b7e	#f9ecd3	#f9ecd3	#8c7e66	#8c7e66
#f0d6f0	#f0d6f0	#5e445e	#5e445e	#faf0de	#faf0de	#695f4c	#695f4c
#f5e3f5	#f5e3f5	#3f2d3f	#3f2d3f	#fcf5e9	#fcf5e9	#463f33	#463f33
#faf1fa	#faf1fa	#1f161f	#1f161f	#fdfaf4	#fdfaf4	#231f19	#231f19
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #dda0dd und Farbwert #f5deb3

Wechsel der Textfarbe bei Hover mit HTML-Tag dt

Die Textfarbe soll sich von Farbwert #dda0dd auf Farbwert #f5deb3 ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst eine Darstellung von <dt> in Farbwert #dda0dd vor.

In diesem Beispiel legen wir Farbwert #dda0dd als Textfarbe von <dt> fest. Die Hintergrundfarbe ändern wir nicht, ändern jedoch die Schriftart auf sans-serif. Die Größe der Schrift setzen wir auf 123%:

<style type="text/css"><!--
  dt { 
    color:#dda0dd; 
    font-family:sans-serif; 
    font-size:123%;
  }
//-->
</style>

Nun stellen wir ein, dass bei Mausberührung die Textfarbe auf #f5deb3 geändert wird.

<style type="text/css"><!--
  dt: hover { 
    color: #f5deb3;
  }
//-->
</style>

Weiteres zu dt erfahren Sie in Listen und Glossare in HTML. Die Beschreibung des hier gezeigten Befehl dt finden Sie in der HTML Referenz unter <dt>.

Füllen und Umranden mit HTML-Befehl strong

Hier umranden wir <strong> mit einem 5 Pixel dicken, gestrichelten Rahmen in Farbwert #f5deb3 . Die Hintergrundfarbe für <strong> färben wir entsprechend mit Farbwert #dda0dd. Das geht mit HTML kaum. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  strong { border:5px dashed #f5deb3; background-color:#dda0dd; }
//-->
</style>

Mehr zum Thema strong können Sie in Text in HTML lesen. Weiteres zum HTML-Tag <strong>.