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

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 lightcoral
Detail	:	Hintergrund #d8bfd8	Detail	:	Schrift lightcoral
Farbwert	:	#d8bfd8	Farbe	:	lightcoral
Farbe	:	thistle	Farbwert	:	#f08080
HTML	:	#d8bfd8	HTML	:	lightcoral
HTML (Wert)	:	#d8bfd8	HTML (Wert)	:	#f08080
CSS	:	#d8bfd8	CSS	:	lightcoral
CSS (Wert)	:	#d8bfd8	CSS (Wert)	:	#f08080
CSS (kürzest)	:	#d8bfd8	CSS (kürzest)	:	#f08080
CSS (RGB)	:	rgb(216,191,216)	CSS (RGB)	:	rgb(240,128,128)
CSS (%RGB)	:	rgb(84%,74%,84%)	CSS (%RGB)	:	rgb(94%,50%,50%)

Verlauf Hintergrundfarbwert #d8bfd8 nach Schriftfarbe lightcoral
#d8bfd8	#dbb6cb	#deadbe	#e2a4b2	#e59ba5	#e99299	#ec898c	#f08080
#d8bfd8	#dbb6cb	#deadbe	#e2a4b2	#e59ba5	#e99299	#ec898c	#f08080

Kombination von #d8bfd8 und lightcoral
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.				Auf Hintergrund #d8bfd8 ist lightcoral ungeeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von lightcoral und #d8bfd8 beträgt 92.74%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 7.26%.

Hintergrundfarbwert #d8bfd8				Schriftfarbe lightcoral
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8	#f08080	#f08080	#f08080	#f08080
#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9	#f29292	#f29292	#cd6d6d	#cd6d6d
#e3d1e3	#e3d1e3	#9a889a	#9a889a	#f4a4a4	#f4a4a4	#ab5b5b	#ab5b5b
#e8dae8	#e8dae8	#7b6d7b	#7b6d7b	#f6b6b6	#f6b6b6	#894949	#894949
#eee3ee	#eee3ee	#5c515c	#5c515c	#f8c8c8	#f8c8c8	#663636	#663636
#f3ecf3	#f3ecf3	#3d363d	#3d363d	#fadada	#fadada	#442424	#442424
#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e	#fcecec	#fcecec	#221212	#221212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #d8bfd8 und Farbe lightcoral

Wechsel der Umrandung bei Hover mit HTML-Befehl a

Mit Tag <a> erzeugen Sie einen Verweis. Dieser kann farblich gestaltet werden.

Die Rahmenfarbe soll sich von Farbwert #d8bfd8 auf Farbe lightcoral ändern, wenn man mit der Maus auf <a> zeigt. Wir bereiten zunächst eine Darstellung von <a> in Farbwert #d8bfd8 vor.

In diesem Beispiel umranden wir <a> mit einem 1 Pixel dicken, herausstehenden Rahmen in Farbwert #d8bfd8.

<style type="text/css"><!--
  a { 
    border-color:#d8bfd8; 
    border-width:1px; 
    border-style:outset;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu lightcoral ändert.

<style type="text/css"><!--
  a: hover { 
    border-color: lightcoral;
  }
//-->
</style>

Weiteres zum Thema a lesen Sie in Verweise und Protokolle in HTML. Einzelheiten des Befehl a lesen Sie in der HTML Referenz unter <a>.

Text- und Unterstreichungsfarben mit HTML-Tag address

In diesem Beispiel ändern wir die Textfarbe von <address> auf Farbe lightcoral und lassen die Hintergrundfarbe unverändert. Die Schriftart setzen wir auf verdana und ändern die Schriftgröße auf 13px. Wir unterstreichen den Inhalt von <address> mit Hilfe eines herausstehenden Rahmens mit 5 Pixel Dicke in Farbwert #d8bfd8. Das ist in HTML so kaum möglich. Daher nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  address { 
    border-bottom: 5px outset #d8bfd8; 
    font-family: verdana; 
    color: lightcoral; 
    font-size: 13px;
  }
//-->
</style>

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

Mehr zum Thema address lesen Sie in Blockorientierte Elemente in HTML. Mehr zum hier genutzten HTML-Befehl <address>.