Ressourcen: 137 HTML Farbnamen - Kombination von Farbe whitesmoke und Farbwert #d8bfd8

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.

Hintergrundfarbe whitesmoke			Schriftfarbwert #d8bfd8
Detail	:	Hintergrund whitesmoke	Detail	:	Schrift #d8bfd8
Farbe	:	whitesmoke	Farbwert	:	#d8bfd8
Farbwert	:	#f5f5f5	Farbe	:	thistle
HTML	:	whitesmoke	HTML	:	#d8bfd8
HTML (Wert)	:	#f5f5f5	HTML (Wert)	:	#d8bfd8
CSS	:	whitesmoke	CSS	:	#d8bfd8
CSS (Wert)	:	#f5f5f5	CSS (Wert)	:	#d8bfd8
CSS (kürzest)	:	#f5f5f5	CSS (kürzest)	:	#d8bfd8
CSS (RGB)	:	rgb(245,245,245)	CSS (RGB)	:	rgb(216,191,216)
CSS (%RGB)	:	rgb(96%,96%,96%)	CSS (%RGB)	:	rgb(84%,74%,84%)

Verlauf Hintergrundfarbe whitesmoke nach Schriftfarbwert #d8bfd8
#f5f5f5	#f0edf0	#ece5ec	#e8dde8	#e4d6e4	#e0cee0	#dcc6dc	#d8bfd8
#f5f5f5	#f0edf0	#ece5ec	#e8dde8	#e4d6e4	#e0cee0	#dcc6dc	#d8bfd8

Kombination von whitesmoke und #d8bfd8
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit von #d8bfd8 und whitesmoke beträgt 92.58%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 7.42%. #d8bfd8 ist nicht als Schriftfarbe auf Hintergrund whitesmoke geeignet, weil die Unterschiede in der Helligkeit und Farbe nicht ausreichend sind.

Hintergrundfarbe whitesmoke				Schriftfarbwert #d8bfd8
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f5f5f5	#f5f5f5	#f5f5f5	#f5f5f5	#d8bfd8	#d8bfd8	#d8bfd8	#d8bfd8
#f6f6f6	#f6f6f6	#d2d2d2	#d2d2d2	#ddc8dd	#ddc8dd	#b9a3b9	#b9a3b9
#f7f7f7	#f7f7f7	#afafaf	#afafaf	#e3d1e3	#e3d1e3	#9a889a	#9a889a
#f9f9f9	#f9f9f9	#8c8c8c	#8c8c8c	#e8dae8	#e8dae8	#7b6d7b	#7b6d7b
#fafafa	#fafafa	#696969	#696969	#eee3ee	#eee3ee	#5c515c	#5c515c
#fcfcfc	#fcfcfc	#464646	#464646	#f3ecf3	#f3ecf3	#3d363d	#3d363d
#fdfdfd	#fdfdfd	#232323	#232323	#f9f5f9	#f9f5f9	#1e1b1e	#1e1b1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe whitesmoke und Farbwert #d8bfd8

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag pre

Die Hintergrundfarbe soll sich von Farbe whitesmoke auf Farbwert #d8bfd8 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <pre> in Farbe whitesmoke vor.

Als Beispiel setzen wir bei <pre> die Hintergrundfarbe auf Farbe whitesmoke.

<style type="text/css"><!--
  pre { 
    background-color: whitesmoke;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Hintergrundfarbe auf #d8bfd8 ändert.

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

Mehr zum Thema finden Sie in Blockorientierte Elemente in HTML. Weiteres zum HTML-Tag pre ist in der HTML Referenz unter <pre> gezeigt.

Text- und Unterstreichungsfarben bei HTML-Befehl a

Einen Link erzeugt man mit HTML-Befehl <a>. Diesen kann man hervorheben und farblich gestalten.

Bei diesem Beispiel ändern wir die Textfarbe von <a> auf Farbwert #d8bfd8 und lassen die Hintergrundfarbe unverändert. Die Schriftart ändern wir auf monospace und ändern die Schriftgröße auf 12px. Wir unterstreichen den Inhalt von <a> mit Hilfe eines gepunkteten Rahmens mit 5 Pixel Dicke in Farbe whitesmoke. Das ist in HTML nicht möglich. Wir nutzen deshalb CSS zur Formatierung.

<style type="text/css"><!--
  a { 
    border-bottom: 5px dotted whitesmoke; 
    color: #d8bfd8; 
    font-family: monospace; 
    font-size: 12px;
  }
//-->
</style>

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

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