Ressourcen: 120 HTML Farbnamen - Kombination von Farbwert #d8bfd8 und Farbwert #f5fffa

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 #d8bfd8			Schriftfarbwert #f5fffa
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift #f5fffa
Farbwert	:	#d8bfd8	Farbwert	:	#f5fffa
Farbe	:	thistle	Farbe	:	mintcream
HTML	:	#d8bfd8	HTML	:	#f5fffa
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#f5fffa
CSS	:	#d8bfd8	CSS	:	#f5fffa
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#f5fffa
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#f5fffa
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(245,255,250)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(96%,100%,98%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbwert #f5fffa
#d8bfd8	#dcc8dc	#e0d1e1	#e4dae6	#e8e3eb	#ececf0	#f0f5f5	#f5fffa
#d8bfd8	#dcc8dc	#e0d1e1	#e4dae6	#e8e3eb	#ececf0	#f0f5f5	#f5fffa

Kombination von #d8bfd8 und #f5fffa
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #f5fffa und #d8bfd8 beträgt 92.08%. Die Lesbarkeit dieser Kombination bewerte ich mit 7.92%. Auf Hintergrund #d8bfd8 ist #f5fffa ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind.

Hintergrundfarbwert #d8bfd8				Schriftfarbwert #f5fffa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#f5fffa	#f5fffa	#f5fffa	#f5fffa
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#f6fffa	#f6fffa	#d2dad6	#d2dad6
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#f7fffb	#f7fffb	#afb6b2	#afb6b2
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#f9fffc	#f9fffc	#8c918e	#8c918e
#eee3ee	#eee3ee	#5c515c	#5c515c	#fafffc	#fafffc	#696d6b	#696d6b
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#fcfffd	#fcfffd	#464847	#464847
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#fdfffe	#fdfffe	#232423	#232423
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #d8bfd8 und Farbwert #f5fffa

Wechsel der Textfarbe bei Hover von HTML-Befehl p

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

Als Beispiel setzen wir die Textfarbe von <p> auf Farbwert #d8bfd8. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf verdana und erhöhen die Schriftgröße auf 113%.

<style type="text/css"><!--
  p { 
    color:#d8bfd8; 
    font-size:113%; 
    font-family:verdana;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Textfarbe zu #f5fffa ändert.

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

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML finden. Mehr zum Befehl <p>.