Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe white 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.

Hintergrundfarbe white			Schriftfarbwert #808000
Detail	:	Hintergrund white	Detail	:	Schrift #808000
Farbe	:	white	Farbwert	:	#808000
Farbwert	:	#ffffff	Farbe	:	olive
HTML	:	white	HTML	:	#808000
HTML (Wert)	:	#ffffff	HTML (Wert)	:	#808000
CSS	:	white	CSS	:	#808000
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 Schriftfarbwert #808000
#ffffff	#ececda	#dadab6	#c8c891	#b6b66d	#a4a448	#929224	#808000
#ffffff	#ececda	#dadab6	#c8c891	#b6b66d	#a4a448	#929224	#808000

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

Hintergrundfarbe white				Schriftfarbwert #808000
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

Beispiele zur Kombination von Farbe white und Farbwert #808000

Text- und Unterstreichungsfarben von HTML-Befehl caption

Wir ändern Hher die Textfarbe von <caption> auf Farbwert #808000. Die Schriftart ändern wir auf sans-serif. Die Schriftgröße setzen wir auf 92%. Wir unterstreichen den Inhalt von <caption> mit Hilfe eines doppelten Rahmens mit 5 Pixel Dicke in Farbe white. In HTML geht das kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  caption { 
    color:#808000; 
    border-bottom-width:5px; 
    font-family:sans-serif; 
    border-bottom-color:white; 
    border-bottom-style:double; 
    font-size:92%;
  }
//-->
</style>

Die Idee ist, unterschiedliche Formatierungen für Inhalt und Unterstreichung zu haben.

Weiteres zu caption können Sie in Tabellen in HTML erfahren. Mehr zum hier genutzten Befehl <caption>.

Wechsel der Textfarbe bei Hover bei Befehl h4

Mit HTML-Befehl <h4> erzeugen Sie eine Überschrift der 4. Stufe und kann farblich gestaltet und hervorgehoben werden.

Die Textfarbe soll sich von Farbe white auf Farbwert #808000 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst eine Formatierung von <h4> in Farbe white vor.

Wir legen hier Farbe white als Textfarbe von <h4> fest. Die Schriftgröße setzen wir auf 89%:

<style type="text/css"><!--
  h4 { 
    color:white; 
    font-size:89%;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf #808000 geändert wird.

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

Weiteres zu h4 können Sie in Grundlegende Gestaltungselemente in HTML lesen. Möglichkeiten des hier genutzten Befehl h4 finden Sie in der HTML Referenz unter <h4>.