Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #ffdead 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.

Hintergrundfarbwert #ffdead			Schriftfarbwert #dda0dd
Detail	:	Hintergrund #ffdead	Detail	:	Schrift #dda0dd
Farbwert	:	#ffdead	Farbwert	:	#dda0dd
Farbe	:	navajowhite	Farbe	:	plum
HTML	:	#ffdead	HTML	:	#dda0dd
HTML (Wert)	:	#ffdead	HTML (Wert)	:	#dda0dd
CSS	:	#ffdead	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 Hintergrundfarbwert #ffdead nach Schriftfarbwert #dda0dd
#ffdead	#fad5b3	#f5ccba	#f0c3c1	#ebbac8	#e6b1cf	#e1a8d6	#dda0dd
#ffdead	#fad5b3	#f5ccba	#f0c3c1	#ebbac8	#e6b1cf	#e1a8d6	#dda0dd

Kombination von #ffdead und #dda0dd
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#dda0dd eignet sich nicht als Schriftfarbe auf Hintergrund #ffdead, weil die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #dda0dd und #ffdead ergibt sich zu 92.35%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.65%.

Hintergrundfarbwert #ffdead				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 Farbwert #ffdead und Farbwert #dda0dd

Wechsel der Textfarbe bei Hover mit HTML-Tag h4

Eine Überschrift der 4. Stufe setzt man mit HTML-Tag <h4>. Sie kann farblich gestaltet werden.

Die Textfarbe soll sich von Farbwert #ffdead auf Farbwert #dda0dd ändern, wenn man mit der Maus auf <h4> zeigt. Bereiten wir zunächst die Formatierung von <h4> in Farbwert #ffdead vor.

Z.B. legen wir Farbwert #ffdead als Textfarbe von <h4> fest. Die Schriftgröße setzen wir auf 13px:

<style type="text/css"><!--
  h4 { 
    color:#ffdead; 
    font-size:13px;
  }
//-->
</style>

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

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum HTML-Befehl h4 finden Sie in der HTML Referenz unter <h4>.

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag div

Mit HTML-Tag <div> wird ein Universalkontainer gesetzt. Diesen können Sie farblich gestalten und hervorheben.

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

Z.B. legen wir Farbwert #ffdead als Hintergrundfarbe von <div> fest.

<style type="text/css"><!--
  div { 
    background-color:#ffdead;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Hintergrundfarbe auf #dda0dd geändert wird.

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

Einzelheiten vom HTML-Tag div finden Sie in der HTML Referenz unter <div>.