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

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 #3cb371
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift #3cb371
Farbwert	:	#d8bfd8	Farbwert	:	#3cb371
Farbe	:	thistle	Farbe	:	mediumseagreen
HTML	:	#d8bfd8	HTML	:	#3cb371
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#3cb371
CSS	:	#d8bfd8	CSS	:	#3cb371
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbwert #3cb371
#d8bfd8	#c1bdc9	#abbbba	#95b9ab	#7eb89d	#68b68e	#52b47f	#3cb371
#d8bfd8	#c1bdc9	#abbbba	#95b9ab	#7eb89d	#68b68e	#52b47f	#3cb371

Kombination von #d8bfd8 und #3cb371
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #3cb371 und #d8bfd8 ergibt sich zu 92.53%. Die Lesbarkeit dieser Kombination liegt damit bei 7.47%. Auf Hintergrund #d8bfd8 ist #3cb371 ungeeignet. Die Unterschiede in der Helligkeit und Farbe sind unzureichend.

Hintergrundfarbwert #d8bfd8				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#3cb371	#3cb371	#3cb371	#3cb371
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#57bd85	#57bd85	#339960	#339960
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#73c899	#73c899	#2a7f50	#2a7f50
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#8fd3ad	#8fd3ad	#226640	#226640
#eee3ee	#eee3ee	#5c515c	#5c515c	#abdec2	#abdec2	#194c30	#194c30
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#c7e9d6	#c7e9d6	#113320	#113320
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d8bfd8 und Farbwert #3cb371

Text- und Unterstreichungsfarben von HTML-Tag a

Einen Hyperlink erzeugen Sie mit HTML-Tag <a>. Dieser kann farblich gestaltet und hervorgehoben werden.

Hier ändern wir die Textfarbe von <a> auf Farbwert #3cb371. Die Schriftart ändern wir auf arial und vergrößern die Schriftgröße auf 117%. Wir unterstreichen den Inhalt von <a> mit Hilfe eines einfallenden Rahmens mit 2 Pixel Dicke in Farbwert #d8bfd8. Das ist in HTML so kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  a { 
    border-bottom-style: inset; 
    color: #3cb371; 
    font-family: arial; 
    border-bottom-width: 2px; 
    font-size: 117%; 
    border-bottom-color: #d8bfd8;
  }
//-->
</style>

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

Mehr zum Thema lesen Sie in Verweise und Protokolle in HTML. Mehr zum hier verwendeten Befehl <a>.

Wechsel der Textfarbe bei Hover mit Befehl p

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

In diesem Beispiel legen wir bei <p> die Textfarbe auf Farbwert #d8bfd8 fest. Die Schriftgröße setzen wir auf 13pt:

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

Nun fordern wir, dass bei Hover die Textfarbe auf #3cb371 geändert wird.

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

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML nachlesen. Weiteres zum Befehl p lesen Sie in der HTML Referenz unter <p>.