Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe white und Farbe olive

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 white			Schriftfarbe olive
Detail	:	Hintergrund white	Detail	:	Schrift olive
Farbe	:	white	Farbe	:	olive
Farbwert	:	#ffffff	Farbwert	:	#808000
HTML	:	white	HTML	:	olive
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#808000
CSS	:	white	CSS	:	olive
CSS (Wert)	:	#ffffff	CSS (Wert)	:	#808000
CSS (kürzest)	:	#fff	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(255,255,255)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(100%,100%,100%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbe white nach Schriftfarbe olive
#ffffff	#ececda	#dadab6	#c8c891	#b6b66d	#a4a448	#929224	#808000
#ffffff	#ececda	#dadab6	#c8c891	#b6b66d	#a4a448	#929224	#808000

Kombination von white und olive
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				olive eignet sich als Schriftfarbe auf Hintergrund white. Unterschied in den Helligkeiten und Farbenunterschied sind gut. Die Ähnlichkeit der Farben olive und white beträgt 80.02%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 19.98%.

Hintergrundfarbe white				Schriftfarbe olive
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ffffff	#ffffff	#ffffff	#ffffff	#808000	#808000	#808000	#808000
#ffffff	#ffffff	#dadada	#dadada	#929224	#929224	#6d6d00	#6d6d00
#ffffff	#ffffff	#b6b6b6	#b6b6b6	#a4a448	#a4a448	#5b5b00	#5b5b00
#ffffff	#ffffff	#919191	#919191	#b6b66d	#b6b66d	#494900	#494900
#ffffff	#ffffff	#6d6d6d	#6d6d6d	#c8c891	#c8c891	#363600	#363600
#ffffff	#ffffff	#484848	#484848	#dadab6	#dadab6	#242400	#242400
#ffffff	#ffffff	#242424	#242424	#ececda	#ececda	#121200	#121200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbe white und Farbe olive

Wechsel der Hintergrundfarbe bei Hover bei HTML-Tag li

Die Hintergrundfarbe soll sich von Farbe white auf Farbe olive ändern, wenn man mit der Maus auf <li> zeigt. Bereiten wir zunächst die Darstellung von <li> in Farbe white vor.

Wir legen hier Farbe white als Hintergrundfarbe von <li> fest.

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

Nun stellen wir ein, dass sich bei Hover die Hintergrundfarbe zu olive ändert.

<style type="text/css"><!--
  li:hover { 
    background-color:olive;
  }
//-->
</style>

Mehr zum Thema können Sie in Listen und Glossare in HTML lesen. Weiteres zum hier verwendeten Befehl <li>.