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

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

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

Kombination von olive und #000000
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 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. Cras vestibulum tristique erat, ac interdum justo cursus in.				Auf Hintergrund olive ist #000000 ungeeignet. Weder der Helligkeitsunterschied noch der Farbunterschied sind geeignet. Die Ähnlichkeit der Farben #000000 und olive ergibt sich zu 76.16%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 23.84%.

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

Beispiele zur Kombination von Farbe olive und Farbwert #000000

Wechsel der Umrandung bei Hover mit Tag h3

Eine Überschrift der 3. Stufe setzen Sie mit Tag <h3> und kann farblich gestaltet und hervorgehoben werden.

Die Rahmenfarbe soll sich von Farbe olive auf Farbwert #000000 ändern, wenn man mit der Maus auf <h3> zeigt. Wir bereiten zunächst die Darstellung von <h3> in Farbe olive vor.

In diesem Beispiel umranden wir <h3> mit einem 1 Pixel dicken, gepunkteten Rahmen in Farbe olive.

<style type="text/css"><!--
  h3 { 
    border-width:1px; 
    border-color:olive; 
    border-style:dotted;
  }
//-->
</style>

Nun fordern wir, dass sich bei Hover die Rahmenfarbe auf #000000 ändert.

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

Weiteres zum Thema lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier verwendeten Tag <h3>.

Füllen und Umranden bei Tag pre

Für dieses Beispiel umranden wir <pre> mit einem . Den Hintergrund von <pre> färben wir mit Farbe olive. Dies geht mit HTML nicht. Wir verwenden daher CSS zur Formatierung.

<style type="text/css"><!--
  pre { border:5pt inset #000; background-color:olive; }
//-->
</style>

Weiteres zu pre können Sie in Blockorientierte Elemente in HTML nachsehen. Einzelheiten vom hier gezeigten HTML-Befehl <pre>.