Ressourcen: 137 HTML Farbnamen - Kombination von Farbe gray und Farbwert #d3d3d3

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 gray			Schriftfarbwert #d3d3d3
Detail	:	Hintergrund gray	Detail	:	Schrift #d3d3d3
Farbe	:	gray	Farbwert	:	#d3d3d3
Farbwert	:	#808080	Farbe	:	lightgrey
HTML	:	gray	HTML	:	#d3d3d3
HTML (Wert)	:	#808080	HTML (Wert)	:	#d3d3d3
CSS	:	gray	CSS	:	#d3d3d3
CSS (Wert)	:	#808080	CSS (Wert)	:	#d3d3d3
CSS (kürzest)	:	#808080	CSS (kürzest)	:	#d3d3d3
CSS (RGB)	:	rgb(128,128,128)	CSS (RGB)	:	rgb(211,211,211)
CSS (%RGB)	:	rgb(50%,50%,50%)	CSS (%RGB)	:	rgb(82%,82%,82%)

Verlauf Hintergrundfarbe gray nach Schriftfarbwert #d3d3d3
#808080	#8b8b8b	#979797	#a3a3a3	#afafaf	#bbbbbb	#c7c7c7	#d3d3d3
#808080	#8b8b8b	#979797	#a3a3a3	#afafaf	#bbbbbb	#c7c7c7	#d3d3d3

Kombination von gray und #d3d3d3
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. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				#d3d3d3 eignet sich nicht als Schriftfarbe auf Hintergrund gray. Die Unterschiede in der Helligkeit und Farbe sind nicht ausreichend. Die Ähnlichkeit von #d3d3d3 und gray beträgt 87.44%. Die Lesbarkeit dieser Farbkombination bewerte ich mit 12.56%.

Hintergrundfarbe gray				Schriftfarbwert #d3d3d3
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808080	#808080	#808080	#808080	#d3d3d3	#d3d3d3	#d3d3d3	#d3d3d3
#929292	#929292	#6d6d6d	#6d6d6d	#d9d9d9	#d9d9d9	#b4b4b4	#b4b4b4
#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b	#dfdfdf	#dfdfdf	#969696	#969696
#b6b6b6	#b6b6b6	#494949	#494949	#e5e5e5	#e5e5e5	#787878	#787878
#c8c8c8	#c8c8c8	#363636	#363636	#ececec	#ececec	#5a5a5a	#5a5a5a
#dadada	#dadada	#242424	#242424	#f2f2f2	#f2f2f2	#3c3c3c	#3c3c3c
#ececec	#ececec	#121212	#121212	#f8f8f8	#f8f8f8	#1e1e1e	#1e1e1e
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe gray und Farbwert #d3d3d3

Füllen und Umranden bei HTML-Befehl blockquote

Für dieses Beispiel umranden wir <blockquote> mit einem einfallenden, 5 Pixel dicken Rahmen in Farbwert #d3d3d3 . Den Hintergrund von <blockquote> färben wir mit Farbe gray. In HTML geht dies nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  blockquote { border:5px inset #d3d3d3; background-color:gray; }
//-->
</style>

Weiteres zum Thema blockquote finden Sie in Blockorientierte Elemente in HTML. Mehr zum hier verwendeten HTML-Tag blockquote erfahren Sie in der HTML Referenz unter <blockquote>.

Wechsel der Hintergrundfarbe bei Hover mit HTML-Befehl h2

Eine Überschrift setzt man mit Befehl <h2>. Diese kann man hervorheben und farblich gestalten.

Die Hintergrundfarbe soll sich von Farbe gray auf Farbwert #d3d3d3 ändern, wenn man mit der Maus auf <h2> zeigt. Wir bereiten zunächst die Darstellung von <h2> in Farbe gray vor.

In diesem Beispiel legen wir die Hintergrundfarbe von <h2> auf Farbe gray fest:

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

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #d3d3d3 ändert.

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

Weiteres zum Thema finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten HTML-Befehl <h2>.