Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe grey und Farbwert #c0c0c0

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			Schriftfarbwert #c0c0c0
Detail	:	Hintergrund grey	Detail	:	Schrift #c0c0c0
Farbe	:	grey	Farbwert	:	#c0c0c0
Farbwert	:	#808080	Farbe	:	silver
HTML	:	grey	HTML	:	#c0c0c0
HTML (Wert)	:	#808080	HTML (Wert)	:	#c0c0c0
CSS	:	grey	CSS	:	#c0c0c0
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 Schriftfarbwert #c0c0c0
#808080	#898989	#929292	#9b9b9b	#a4a4a4	#adadad	#b6b6b6	#c0c0c0
#808080	#898989	#929292	#9b9b9b	#a4a4a4	#adadad	#b6b6b6	#c0c0c0

Kombination von grey und #c0c0c0
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.				Die Ähnlichkeit der Farben #c0c0c0 und grey ergibt sich zu 89.66%. Die Lesbarkeit dieser Kombination liegt damit bei 10.34%. #c0c0c0 ist nicht als Schriftfarbe auf Hintergrund grey geeignet. Die Helligkeit und Farben sind sich zu ähnlich.

Hintergrundfarbe grey				Schriftfarbwert #c0c0c0
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 Farbwert #c0c0c0

Wechsel der Hintergrundfarbe bei Hover mit HTML-Tag option

Die Hintergrundfarbe soll sich von Farbe grey auf Farbwert #c0c0c0 ändern, wenn man mit der Maus auf <option> zeigt. Wir bereiten zunächst die Formatierung von <option> in Farbe grey vor.

Für dieses Beispiel legen wir bei <option> die Hintergrundfarbe auf Farbe grey fest. Die Textfarbe ändern wir nicht, setzen jedoch die Schriftart auf arial. Die Schriftgröße ändern wir auf 13px:

<style type="text/css"><!--
  option { 
    font-family:arial; 
    font-size:13px; 
    background-color:grey;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Hintergrundfarbe auf #c0c0c0 geändert wird.

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

Weiteres zum Thema finden Sie in Formulare in HTML. Beschreibung des HTML-Befehl <option>.

Wechsel der Textfarbe bei Hover bei HTML-Tag cite

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

Wir legen zum Beispiel Farbe grey als Textfarbe von <cite> fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf monospace. Die Größe der Schrift verringern wir auf 97%:

<style type="text/css"><!--
  cite { 
    font-family:monospace; 
    font-size:97%; 
    color:grey;
  }
//-->
</style>

Nun fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #c0c0c0 geändert wird.

<style type="text/css"><!--
  cite: hover { 
    color: #c0c0c0;
  }
//-->
</style>

Mehr zum HTML-Tag cite lesen Sie in der HTML Referenz unter <cite>.