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

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			Schriftfarbe lightyellow
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift lightyellow
Farbwert	:	#d8bfd8	Farbe	:	lightyellow
Farbe	:	thistle	Farbwert	:	#ffffe0
HTML	:	#d8bfd8	HTML	:	lightyellow
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#ffffe0
CSS	:	#d8bfd8	CSS	:	lightyellow
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#ffffe0
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#ffffe0
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(255,255,224)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(100%,100%,87%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbe lightyellow
#d8bfd8	#ddc8d9	#e3d1da	#e8dadb	#eee3dc	#f3ecdd	#f9f5de	#ffffe0
#d8bfd8	#ddc8d9	#e3d1da	#e8dadb	#eee3dc	#f3ecdd	#f9f5de	#ffffe0

Kombination von #d8bfd8 und lightyellow
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				Auf Hintergrund #d8bfd8 ist lightyellow ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit von lightyellow und #d8bfd8 ergibt sich zu 92.05%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.95%.

Hintergrundfarbwert #d8bfd8				Schriftfarbe lightyellow
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#ffffe0	#ffffe0	#ffffe0	#ffffe0
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#ffffe4	#ffffe4	#dadac0	#dadac0
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#ffffe8	#ffffe8	#b6b6a0	#b6b6a0
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#ffffed	#ffffed	#919180	#919180
#eee3ee	#eee3ee	#5c515c	#5c515c	#fffff1	#fffff1	#6d6d60	#6d6d60
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#fffff6	#fffff6	#484840	#484840
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#fffffa	#fffffa	#242420	#242420
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d8bfd8 und Farbe lightyellow

Wechsel der Hintergrundfarbe bei Hover mit Befehl h1

Eine Überschrift wird mit HTML-Befehl <h1> gesetzt. Diese kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbwert #d8bfd8 auf Farbe lightyellow ändern, wenn man mit der Maus auf <h1> zeigt. Bereiten wir zunächst die Formatierung von <h1> in Farbwert #d8bfd8 vor.

Wir legen z.B. Farbwert #d8bfd8 als Hintergrundfarbe von <h1> fest. Die Textfarbe verändern wir nicht. Die Schriftart setzen wir auf arial:

<style type="text/css"><!--
  h1 { 
    background-color:#d8bfd8; 
    font-family:arial;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Mausberührung die Hintergrundfarbe auf lightyellow ändert.

<style type="text/css"><!--
  h1: hover { 
    background-color: lightyellow;
  }
//-->
</style>

Weiteres zu h1 können Sie in Grundlegende Gestaltungselemente in HTML erfahren. Mehr zum hier verwendeten Befehl h1 erfahren Sie in der HTML Referenz unter <h1>.

Hintergrund/Text-Kombination mit HTML-Tag span

Für dieses Beispiel ändern wir die Textfarbe von <span> auf Farbe lightyellow und die Hintergrundfarbe von <span> auf Farbwert #d8bfd8. Als Schriftart wählen wir courier new und als Schriftgröße wählen wir 112%.

<style type="text/css"><!--
  span { 
    font-size:112%; 
    font-family:courier new; 
    color:lightyellow; 
    background-color:#d8bfd8;
  }
//-->
</style>

Möglichkeiten des Befehl <span>.