Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #d8bfd8 und Farbwert #7fffd4

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #d8bfd8			Schriftfarbwert #7fffd4
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift #7fffd4
Farbwert	:	#d8bfd8	Farbwert	:	#7fffd4
Farbe	:	thistle	Farbe	:	aquamarine
HTML	:	#d8bfd8	HTML	:	#7fffd4
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#7fffd4
CSS	:	#d8bfd8	CSS	:	#7fffd4
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#7fffd4
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#7fffd4
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(127,255,212)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(49%,100%,83%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbwert #7fffd4
#d8bfd8	#cbc8d7	#bed1d6	#b1dad6	#a5e3d5	#98ecd5	#8bf5d4	#7fffd4
#d8bfd8	#cbc8d7	#bed1d6	#b1dad6	#a5e3d5	#98ecd5	#8bf5d4	#7fffd4

Kombination von #d8bfd8 und #7fffd4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #d8bfd8 ist #7fffd4 ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #7fffd4 und #d8bfd8 ergibt sich zu 93.39%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 6.61%.

Hintergrundfarbwert #d8bfd8				Schriftfarbwert #7fffd4
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#7fffd4	#7fffd4	#7fffd4	#7fffd4
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#91ffda	#91ffda	#6cdab5	#6cdab5
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#a3ffe0	#a3ffe0	#5ab697	#5ab697
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#b5ffe6	#b5ffe6	#489179	#489179
#eee3ee	#eee3ee	#5c515c	#5c515c	#c8ffec	#c8ffec	#366d5a	#366d5a
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#dafff2	#dafff2	#24483c	#24483c
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#ecfff8	#ecfff8	#12241e	#12241e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d8bfd8 und Farbwert #7fffd4

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag dd

Die Hintergrundfarbe soll sich von Farbwert #d8bfd8 auf Farbwert #7fffd4 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Darstellung von <dd> in Farbwert #d8bfd8 vor.

Wir legen als Beispiel bei <dd> die Hintergrundfarbe auf Farbwert #d8bfd8 fest. Die Schriftgröße ändern wir auf 9pt:

<style type="text/css"><!--
  dd { 
    background-color:#d8bfd8; 
    font-size:9pt;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #7fffd4 ändert.

<style type="text/css"><!--
  dd:hover { 
    background-color:#7fffd4;
  }
//-->
</style>

Weiteres zum Thema können Sie in Listen und Glossare in HTML lesen. Möglichkeiten vom hier genutzten HTML-Befehl <dd>.

Text- und Unterstreichungsfarben von HTML-Tag caption

Wir ändern für dieses Beispiel die Textfarbe von <caption> auf Farbwert #7fffd4. Die Schriftart setzen wir auf monospace und ändern die Schriftgröße auf 14pt. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines einfallenden Rahmens mit 3 Punkte Dicke in Farbwert #d8bfd8. In HTML geht das kaum. Deshalb verwenden wir hier CSS zur Formatierung.

<style type="text/css"><!--
  caption { 
    font-family:monospace; 
    color:#7fffd4; 
    border-bottom:3pt inset #d8bfd8; 
    font-size:14pt;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Mehr zum Thema können Sie in Tabellen in HTML nachsehen. Mehr zum hier genutzten HTML-Befehl <caption>.