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

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

Verlauf Hintergrundfarbwert #808000 nach Schriftfarbwert #800080
#808000	#806d12	#805b24	#804936	#803649	#80245b	#80126d	#800080
#808000	#806d12	#805b24	#804936	#803649	#80245b	#80126d	#800080

Kombination von #808000 und #800080
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.				Die Ähnlichkeit von #800080 und #808000 beträgt 89.31%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 10.69%. #800080 eignet sich nicht als Schriftfarbe auf Hintergrund #808000, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind.

Hintergrundfarbwert #808000				Schriftfarbwert #800080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808000	#808000	#808000	#808000	#800080	#800080	#800080	#800080
#929224	#929224	#6d6d00	#6d6d00	#922492	#922492	#6d006d	#6d006d
#a4a448	#a4a448	#5b5b00	#5b5b00	#a448a4	#a448a4	#5b005b	#5b005b
#b6b66d	#b6b66d	#494900	#494900	#b66db6	#b66db6	#490049	#490049
#c8c891	#c8c891	#363600	#363600	#c891c8	#c891c8	#360036	#360036
#dadab6	#dadab6	#242400	#242400	#dab6da	#dab6da	#240024	#240024
#ececda	#ececda	#121200	#121200	#ecdaec	#ecdaec	#120012	#120012
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiel zur Kombination von Farbwert #808000 und Farbwert #800080

Wechsel der Hintergrundfarbe bei Hover von Befehl a

Einen Hyperlink setzen Sie mit HTML-Befehl <a>. Diesen kann man hervorheben und farblich gestalten.

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

Hier ändern wir die Hintergrundfarbe von <a> auf Farbwert #808000. Die Schriftgröße vergrößern wir auf 122%.

<style type="text/css"><!--
  a { 
    background-color:#808000; 
    font-size:122%;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #800080 geändert wird.

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

Weiteres zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Weiteres zum hier verwendeten Befehl a erfahren Sie in der HTML Referenz unter <a>.