Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #d8bfd8 und Farbwert #00fa9a

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 #00fa9a
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift #00fa9a
Farbwert	:	#d8bfd8	Farbwert	:	#00fa9a
Farbe	:	thistle	Farbe	:	mediumspringgreen
HTML	:	#d8bfd8	HTML	:	#00fa9a
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#00fa9a
CSS	:	#d8bfd8	CSS	:	#00fa9a
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#00fa9a
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#00fa9a
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(0,250,154)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(0%,98%,60%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbwert #00fa9a
#d8bfd8	#b9c7cf	#9acfc6	#7bd8bd	#5ce0b4	#3de9ab	#1ef1a2	#00fa9a
#d8bfd8	#b9c7cf	#9acfc6	#7bd8bd	#5ce0b4	#3de9ab	#1ef1a2	#00fa9a

Kombination von #d8bfd8 und #00fa9a
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.				#00fa9a ist nicht als Schriftfarbe auf Hintergrund #d8bfd8 geeignet. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit der Farben #00fa9a und #d8bfd8 ergibt sich zu 94.17%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 5.83%.

Hintergrundfarbwert #d8bfd8				Schriftfarbwert #00fa9a
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#00fa9a	#00fa9a	#00fa9a	#00fa9a
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#24faa8	#24faa8	#00d684	#00d684
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#48fbb6	#48fbb6	#00b26e	#00b26e
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#6dfcc5	#6dfcc5	#008e58	#008e58
#eee3ee	#eee3ee	#5c515c	#5c515c	#91fcd3	#91fcd3	#006b42	#006b42
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#b6fde2	#b6fde2	#00472c	#00472c
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#dafef0	#dafef0	#002316	#002316
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d8bfd8 und Farbwert #00fa9a

Wechsel der Textfarbe bei Hover mit Befehl center

Die Textfarbe soll sich von Farbwert #d8bfd8 auf Farbwert #00fa9a ändern, wenn man mit der Maus auf <center> zeigt. Wir bereiten zunächst die Darstellung von <center> in Farbwert #d8bfd8 vor.

Wir legen in diesem Beispiel die Textfarbe von <center> auf Farbwert #d8bfd8 fest und vergrößern die Größe der Schrift auf 116%:

<style type="text/css"><!--
  center { 
    font-size: 116%; 
    color: #d8bfd8;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Textfarbe auf #00fa9a ändert.

<style type="text/css"><!--
  center: hover { 
    color: #00fa9a;
  }
//-->
</style>

Mehr zu center können Sie in Grundlegende Gestaltungselemente in HTML lesen. Mehr zum HTML-Befehl center finden Sie in der HTML Referenz unter <center>.

Füllen und Umranden bei HTML-Befehl p

Für dieses Beispiel umranden wir <p> mit einem gefurchten, 1 Pixel dicken Rahmen in Farbwert #00fa9a . Die Hintergrundfarbe für <p> setzen wir entsprechend auf Farbwert #d8bfd8. Dies ist mit HTML so kaum möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  p { 
    background-color: #d8bfd8; 
    border-width: 1px; 
    border-color: #00fa9a; 
    border-style: groove;
  }
//-->
</style>

Weiteres zum Thema können Sie in Grundlegende Gestaltungselemente in HTML lesen. Einzelheiten des HTML-Tag p sind in der HTML Referenz unter <p> ausführlich zusammengestellt.