Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #ffff00 und Farbe gray

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.

Hintergrundfarbwert #ffff00			Schriftfarbe gray
Detail	:	Hintergrund #ffff00	Detail	:	Schrift gray
Farbwert	:	#ffff00	Farbe	:	gray
Farbe	:	yellow	Farbwert	:	#808080
HTML	:	#ffff00	HTML	:	gray
HTML (Wert)	:	#ffff00	HTML (Wert)	:	#808080
CSS	:	#ffff00	CSS	:	gray
CSS (Wert)	:	#ffff00	CSS (Wert)	:	#808080
CSS (kürzest)	:	#ff0	CSS (kürzest)	:	#808080
CSS (RGB)	:	rgb(255,255,0)	CSS (RGB)	:	rgb(128,128,128)
CSS (%RGB)	:	rgb(100%,100%,0%)	CSS (%RGB)	:	rgb(50%,50%,50%)

Verlauf Hintergrundfarbwert #ffff00 nach Schriftfarbe gray
#ffff00	#ecec12	#dada24	#c8c836	#b6b649	#a4a45b	#92926d	#808080
#ffff00	#ecec12	#dada24	#c8c836	#b6b649	#a4a45b	#92926d	#808080

Kombination von #ffff00 und gray
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund #ffff00 ist gray ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit der Farben gray und #ffff00 ergibt sich zu 82.49%. Die Lesbarkeit dieser Farbkombination liegt damit bei 17.51%.

Hintergrundfarbwert #ffff00				Schriftfarbe gray
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffff00	#ffff00	#ffff00	#ffff00	#808080	#808080	#808080	#808080
#ffff24	#ffff24	#dada00	#dada00	#929292	#929292	#6d6d6d	#6d6d6d
#ffff48	#ffff48	#b6b600	#b6b600	#a4a4a4	#a4a4a4	#5b5b5b	#5b5b5b
#ffff6d	#ffff6d	#919100	#919100	#b6b6b6	#b6b6b6	#494949	#494949
#ffff91	#ffff91	#6d6d00	#6d6d00	#c8c8c8	#c8c8c8	#363636	#363636
#ffffb6	#ffffb6	#484800	#484800	#dadada	#dadada	#242424	#242424
#ffffda	#ffffda	#242400	#242400	#ececec	#ececec	#121212	#121212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #ffff00 und Farbe gray

Wechsel der Umrandung bei Hover mit Befehl tbody

Die Rahmenfarbe soll sich von Farbwert #ffff00 auf Farbe gray ändern, wenn man mit der Maus auf <tbody> zeigt. Bereiten wir zunächst die Darstellung von <tbody> in Farbwert #ffff00 vor.

In diesem Beispiel umranden wir <tbody> mit einem 3 Pixel dicken, doppelten Rahmen in Farbwert #ffff00.

<style type="text/css"><!--
  tbody { border:3px double #ff0; }
//-->
</style>

Jetzt fordern wir, dass sich bei Hover die Rahmenfarbe zu gray ändert.

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

Weiteres zu tbody können Sie in Tabellen in HTML erfahren. Einzelheiten vom hier verwendeten HTML-Tag tbody sind in der HTML Referenz bei <tbody> ausführlich beschrieben.