Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe grey und Farbe silver

HTML verfügt seit jeher über 17 Standard Farbnamen.

Sie entstehen dadurch, dass die 8 Grundfarben jeweils maximal und zu 50% enthalten sind.

Zu diesen 16 Farben kommt mit grey eine alternative Schreibweise für gray.

Hintergrundfarbe grey			Schriftfarbe silver
Detail	:	Hintergrund grey	Detail	:	Schrift silver
Farbe	:	grey	Farbe	:	silver
Farbwert	:	#808080	Farbwert	:	#c0c0c0
HTML	:	grey	HTML	:	silver
HTML (Wert)	:	#808080	HTML (Wert)	:	#c0c0c0
CSS	:	grey	CSS	:	silver
CSS (Wert)	:	#808080	CSS (Wert)	:	#c0c0c0
CSS (kürzest)	:	#808080	CSS (kürzest)	:	#c0c0c0
CSS (RGB)	:	rgb(128,128,128)	CSS (RGB)	:	rgb(192,192,192)
CSS (%RGB)	:	rgb(50%,50%,50%)	CSS (%RGB)	:	rgb(75%,75%,75%)

Verlauf Hintergrundfarbe grey nach Schriftfarbe silver
#808080	#898989	#929292	#9b9b9b	#a4a4a4	#adadad	#b6b6b6	#c0c0c0
#808080	#898989	#929292	#9b9b9b	#a4a4a4	#adadad	#b6b6b6	#c0c0c0

Kombination von grey und silver
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 grey ist silver ungeeignet. Sowohl Helligkeit als auch die Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben silver und grey ergibt sich zu 89.66%. Die Lesbarkeit dieser Kombination ergibt sich zu 10.34%.

Hintergrundfarbe grey				Schriftfarbe silver
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808080	#808080	#808080	#808080	#c0c0c0	#c0c0c0	#c0c0c0	#c0c0c0
#929292	#929292	#6d6d6d	#6d6d6d	#c9c9c9	#c9c9c9	#a4a4a4	#a4a4a4
#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b	#d2d2d2	#d2d2d2	#898989	#898989
#b6b6b6	#b6b6b6	#494949	#494949	#dbdbdb	#dbdbdb	#6d6d6d	#6d6d6d
#c8c8c8	#c8c8c8	#363636	#363636	#e4e4e4	#e4e4e4	#525252	#525252
#dadada	#dadada	#242424	#242424	#ededed	#ededed	#363636	#363636
#ececec	#ececec	#121212	#121212	#f6f6f6	#f6f6f6	#1b1b1b	#1b1b1b
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe grey und Farbe silver

Füllen und Umranden mit HTML-Tag cite

Hier umranden wir <cite> mit einem 4 Pixel dicken, gezahnten Rahmen in Farbe silver . Den Hintergrund von <cite> setzen wir entsprechend auf Farbe grey. Das ist mit HTML so kaum möglich. Daher nutzen wir CSS zur Formatierung.

<style type="text/css"><!--
  cite { border:4px ridge silver; background-color:grey; }
//-->
</style>

Möglichkeiten vom hier gezeigten HTML-Tag <cite>.

Wechsel der Textfarbe bei Hover bei HTML-Tag caption

Die Textfarbe soll sich von Farbe grey auf Farbe silver ändern, wenn man mit der Maus auf <caption> zeigt. Wir bereiten zunächst die Darstellung von <caption> in Farbe grey vor.

Wir legen zum Beispiel bei <caption> die Textfarbe auf Farbe grey fest.

<style type="text/css"><!--
  caption { 
    color:grey;
  }
//-->
</style>

Nun fordern wir, dass bei Hover die Textfarbe auf silver gesetzt wird.

<style type="text/css"><!--
  caption: hover { 
    color: silver;
  }
//-->
</style>

Weiteres zu caption finden Sie in Tabellen in HTML. Beschreibung des HTML-Befehl <caption>.