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

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

Verlauf Hintergrundfarbwert #fff5ee nach Schriftfarbwert #d8bfd8
#fff5ee	#f9edea	#f3e5e7	#eedde4	#e8d6e1	#e3cede	#ddc6db	#d8bfd8
#fff5ee	#f9edea	#f3e5e7	#eedde4	#e8d6e1	#e3cede	#ddc6db	#d8bfd8

Kombination von #fff5ee und #d8bfd8
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#d8bfd8 eignet sich nicht als Schriftfarbe auf Hintergrund #fff5ee. Die Unterschiede in der Helligkeit und Farbe sind unzureichend. Die Ähnlichkeit von #d8bfd8 und #fff5ee ergibt sich zu 92.47%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 7.53%.

Hintergrundfarbwert #fff5ee				Schriftfarbwert #d8bfd8
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#fff5ee	#fff5ee	#fff5ee	#fff5ee	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#fff6f0	#fff6f0	#dad2cc	#dad2cc	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#fff7f2	#fff7f2	#b6afaa	#b6afaa	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#fff9f5	#fff9f5	#918c88	#918c88	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#fffaf7	#fffaf7	#6d6966	#6d6966	#eee3ee	#eee3ee	#5c515c	#5c515c
#fffcfa	#fffcfa	#484644	#484644	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#fffdfc	#fffdfc	#242322	#242322	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #fff5ee und Farbwert #d8bfd8

Hintergrund/Text-Kombination mit HTML-Tag p

Wir ändern hier die Textfarbe von <p> auf Farbwert #d8bfd8 und die Hintergrundfarbe von <p> auf Farbwert #fff5ee. Als Schriftart wählen wir sans-serif. Die Schriftgröße erhöhen wir auf 117%.

<style type="text/css"><!--
  p { 
    color:#d8bfd8; 
    font-size:117%; 
    background-color:#fff5ee; 
    font-family:sans-serif;
  }
//-->
</style>

Mehr zu p lesen Sie in Grundlegende Gestaltungselemente in HTML. Der hier genutzte HTML-Befehl p ist in der HTML Referenz unter <p> zusammengestellt.

Wechsel der Umrandung bei Hover von HTML-Tag pre

Die Rahmenfarbe soll sich von Farbwert #fff5ee auf Farbwert #d8bfd8 ändern, wenn man mit der Maus auf <pre> zeigt. Bereiten wir zunächst die Darstellung von <pre> in Farbwert #fff5ee vor.

In diesem Beispiel umranden wir <pre> mit einem 3 Pixel dicken, gestrichelten Rahmen in Farbwert #fff5ee.

<style type="text/css"><!--
  pre { border:3px dashed #fff5ee; }
//-->
</style>

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

<style type="text/css"><!--
  pre: hover { 
    border-color: #d8bfd8;
  }
//-->
</style>

Weiteres zum Thema können Sie in Blockorientierte Elemente in HTML nachlesen. Weiteres zum Befehl pre ist in der HTML Referenz unter <pre> genau zusammengestellt.