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

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 powderblue
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift powderblue
Farbwert	:	#d8bfd8	Farbe	:	powderblue
Farbe	:	thistle	Farbwert	:	#b0e0e6
HTML	:	#d8bfd8	HTML	:	powderblue
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#b0e0e6
CSS	:	#d8bfd8	CSS	:	powderblue
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#b0e0e6
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#b0e0e6
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(176,224,230)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(69%,87%,90%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbe powderblue
#d8bfd8	#d2c3da	#ccc8dc	#c6cdde	#c1d1e0	#bbd6e2	#b5dbe4	#b0e0e6
#d8bfd8	#d2c3da	#ccc8dc	#c6cdde	#c1d1e0	#bbd6e2	#b5dbe4	#b0e0e6

Kombination von #d8bfd8 und powderblue
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Cras id velit ante.				powderblue ist nicht als Schriftfarbe auf Hintergrund #d8bfd8 geeignet, weil weder der Helligkeitsunterschied noch der Farbunterschied gross genug sind. Die Ähnlichkeit von powderblue und #d8bfd8 ergibt sich zu 94.36%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 5.64%.

Hintergrundfarbwert #d8bfd8				Schriftfarbe powderblue
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#b0e0e6	#b0e0e6	#b0e0e6	#b0e0e6
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#bbe4e9	#bbe4e9	#96c0c5	#96c0c5
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#c6e8ed	#c6e8ed	#7da0a4	#7da0a4
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#d1edf0	#d1edf0	#648083	#648083
#eee3ee	#eee3ee	#5c515c	#5c515c	#ddf1f4	#ddf1f4	#4b6062	#4b6062
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#e8f6f7	#e8f6f7	#324041	#324041
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#f3fafb	#f3fafb	#192020	#192020
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d8bfd8 und Farbe powderblue

Wechsel der Textfarbe bei Hover mit Befehl th

Die Textfarbe soll sich von Farbwert #d8bfd8 auf Farbe powderblue ändern, wenn man mit der Maus auf <th> zeigt. Bereiten wir zunächst eine Darstellung von <th> in Farbwert #d8bfd8 vor.

Für dieses Beispiel legen wir Farbwert #d8bfd8 als Textfarbe von <th> fest:

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

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

<style type="text/css"><!--
  th:hover { 
    color:powderblue;
  }
//-->
</style>

Weiteres zum Thema th erfahren Sie in Tabellen in HTML. Der HTML-Tag th ist in der HTML Referenz unter <th> beschrieben.

Hintergrund/Text-Kombination mit Tag thead

Für dieses Beispiel ändern wir die Textfarbe von <thead> auf Farbe powderblue und die Hintergrundfarbe von <thead> auf Farbwert #d8bfd8. Als Schriftart setzen wir arial. Die Schriftgröße verringern wir auf 96%.

<style type="text/css"><!--
  thead { 
    font-family: arial; 
    color: powderblue; 
    font-size: 96%; 
    background-color: #d8bfd8;
  }
//-->
</style>

Mehr zu thead finden Sie in Tabellen in HTML. Die Beschreibung vom Befehl thead lesen Sie in der HTML Referenz unter <thead>.