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

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 #0000ff
Detail	:	Hintergrund #808000	Detail	:	Schrift #0000ff
Farbwert	:	#808000	Farbwert	:	#0000ff
Farbe	:	olive	Farbe	:	blue
HTML	:	#808000	HTML	:	#0000ff
HTML (Wert)	:	#808000	HTML (Wert)	:	#0000ff
CSS	:	#808000	CSS	:	#0000ff
CSS (Wert)	:	#808000	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#808000	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(128,128,0)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(50%,50%,0%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbwert #808000 nach Schriftfarbwert #0000ff
#808000	#6d6d24	#5b5b48	#49496d	#363691	#2424b6	#1212da	#0000ff
#808000	#6d6d24	#5b5b48	#49496d	#363691	#2424b6	#1212da	#0000ff

Kombination von #808000 und #0000ff
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.				Auf Hintergrund #808000 ist #0000ff ungeeignet, weil der Helligkeitsunterschied nicht ausreichend ist Die Ähnlichkeit von #0000ff und #808000 beträgt 90.25%. Die Lesbarkeit dieser Kombination bewerte ich mit 9.75%.

Hintergrundfarbwert #808000				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#808000	#808000	#808000	#808000	#0000ff	#0000ff	#0000ff	#0000ff
#929224	#929224	#6d6d00	#6d6d00	#2424ff	#2424ff	#0000da	#0000da
#a4a448	#a4a448	#5b5b00	#5b5b00	#4848ff	#4848ff	#0000b6	#0000b6
#b6b66d	#b6b66d	#494900	#494900	#6d6dff	#6d6dff	#000091	#000091
#c8c891	#c8c891	#363600	#363600	#9191ff	#9191ff	#00006d	#00006d
#dadab6	#dadab6	#242400	#242400	#b6b6ff	#b6b6ff	#000048	#000048
#ececda	#ececda	#121200	#121200	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #808000 und Farbwert #0000ff

Zebra-Effekt bei Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe verwendet, redet man vom so genannten Zebra-Effekt. Er unterstützt das Auge dabei, die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .odd und .even für <tr> mit unterschiedlichen Hintergrundfarben Farbwert #808000 und Farbwert #0000ff.

<style type="text/css"><!--
  tr.odd { 
    background-color:#808000;
  }
  tr.even { 
    background-color:#0000ff;
  }
//-->
</style>

Diese werden abwechselnd verwendet.

<table>
<tr class="odd"><td>Ta:a</td><td>Tb:a</td><td>Tc:a</td></tr>
<tr class="even"><td>Ta:b</td><td>Tb:b</td><td>Tc:b</td></tr>
<tr class="odd"><td>Ta:c</td><td>Tb:c</td><td>Tc:c</td></tr>
</table>

Mehr zum Thema können Sie in Tabellen in HTML lesen. Einzelheiten des Befehl tr sind in der HTML Referenz bei <tr> gezeigt.

Wechsel der Umrandung bei Hover mit Befehl iframe

Die Rahmenfarbe soll sich von Farbwert #808000 auf Farbwert #0000ff ändern, wenn man mit der Maus auf <iframe> zeigt. Wir bereiten zunächst eine Formatierung von <iframe> in Farbwert #808000 vor.

In diesem Beispiel umranden wir <iframe> mit einem 3 Pixel dicken, gezahnten Rahmen in Farbwert #808000.

<style type="text/css"><!--
  iframe { border:3px ridge #808000; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Mausberührung die Rahmenfarbe auf #0000ff ändert.

<style type="text/css"><!--
  iframe:hover { 
    border-color:#0000ff;
  }
//-->
</style>

Möglichkeiten des hier verwendeten Tag iframe sind in der HTML Referenz bei <iframe> zusammengestellt.