Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #000000 und Farbwert #808000

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 #000000			Schriftfarbwert #808000
Detail	:	Hintergrund #000000	Detail	:	Schrift #808000
Farbwert	:	#000000	Farbwert	:	#808000
Farbe	:	black	Farbe	:	olive
HTML	:	#000000	HTML	:	#808000
HTML (Wert)	:	#000000	HTML (Wert)	:	#808000
CSS	:	#000000	CSS	:	#808000
CSS (Wert)	:	#000000	CSS (Wert)	:	#808000
CSS (kürzest)	:	#000	CSS (kürzest)	:	#808000
CSS (RGB)	:	rgb(0,0,0)	CSS (RGB)	:	rgb(128,128,0)
CSS (%RGB)	:	rgb(0%,0%,0%)	CSS (%RGB)	:	rgb(50%,50%,0%)

Verlauf Hintergrundfarbwert #000000 nach Schriftfarbwert #808000
#000000	#121200	#242400	#363600	#494900	#5b5b00	#6d6d00	#808000
#000000	#121200	#242400	#363600	#494900	#5b5b00	#6d6d00	#808000

Kombination von #000000 und #808000
Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben #808000 und #000000 beträgt 76.16%. Die Lesbarkeit dieser Farbkombination liegt damit bei 23.84%. #808000 ist nicht als Schriftfarbe auf Hintergrund #000000 geeignet. Sowohl Helligkeit als auch die Farben sind zu ähnlich.

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

Beispiel zur Kombination von Farbwert #000000 und Farbwert #808000

Wechsel der Umrandung bei Hover von Tag blockquote

Die Rahmenfarbe soll sich von Farbwert #000000 auf Farbwert #808000 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Darstellung von <blockquote> in Farbwert #000000 vor.

In diesem Beispiel umranden wir <blockquote> mit einem 2 Pixel dicken, doppelten Rahmen in Farbwert #000000.

<style type="text/css"><!--
  blockquote { 
    border-style: double; 
    border-color: #000; 
    border-width: 2px;
  }
//-->
</style>

Nun stellen wir ein, dass bei Berührung mit der Maus die Rahmenfarbe auf #808000 gesetzt wird.

<style type="text/css"><!--
  blockquote: hover { 
    border-color: #808000;
  }
//-->
</style>

Mehr zum Thema blockquote lesen Sie in Blockorientierte Elemente in HTML. Einzelheiten des hier gezeigten Tag <blockquote>.