Ressourcen: 137 HTML Farbnamen - Kombination von Farbe lime und Farbwert #0000ff

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbe lime			Schriftfarbwert #0000ff
Detail	:	Hintergrund lime	Detail	:	Schrift #0000ff
Farbe	:	lime	Farbwert	:	#0000ff
Farbwert	:	#00ff00	Farbe	:	blue
HTML	:	lime	HTML	:	#0000ff
HTML (Wert)	:	#00ff00	HTML (Wert)	:	#0000ff
CSS	:	lime	CSS	:	#0000ff
CSS (Wert)	:	#00ff00	CSS (Wert)	:	#0000ff
CSS (kürzest)	:	#0f0	CSS (kürzest)	:	#00f
CSS (RGB)	:	rgb(0,255,0)	CSS (RGB)	:	rgb(0,0,255)
CSS (%RGB)	:	rgb(0%,100%,0%)	CSS (%RGB)	:	rgb(0%,0%,100%)

Verlauf Hintergrundfarbe lime nach Schriftfarbwert #0000ff
#00ff00	#00da24	#00b648	#00916d	#006d91	#0048b6	#0024da	#0000ff
#00ff00	#00da24	#00b648	#00916d	#006d91	#0048b6	#0024da	#0000ff

Kombination von lime und #0000ff
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				#0000ff ist nicht als Schriftfarbe auf Hintergrund lime geeignet. Zwar ist der Farbunterschied in Ordnung, die Helligkeiten sind sich zu ähnlich. Die Ähnlichkeit der Farben #0000ff und lime beträgt 70.18%. Die Lesbarkeit dieser Kombination von Farben bewerte ich mit 29.82%.

Hintergrundfarbe lime				Schriftfarbwert #0000ff
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff00	#00ff00	#00ff00	#00ff00	#0000ff	#0000ff	#0000ff	#0000ff
#24ff24	#24ff24	#00da00	#00da00	#2424ff	#2424ff	#0000da	#0000da
#48ff48	#48ff48	#00b600	#00b600	#4848ff	#4848ff	#0000b6	#0000b6
#6dff6d	#6dff6d	#009100	#009100	#6d6dff	#6d6dff	#000091	#000091
#91ff91	#91ff91	#006d00	#006d00	#9191ff	#9191ff	#00006d	#00006d
#b6ffb6	#b6ffb6	#004800	#004800	#b6b6ff	#b6b6ff	#000048	#000048
#daffda	#daffda	#002400	#002400	#dadaff	#dadaff	#000024	#000024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe lime und Farbwert #0000ff

Zebra-Effekt mit HTML-Befehl th

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man vom Zebra-Effekt. Dieser Effekt unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .gerade und .ungerade für <th> mit den Hintergrundfarben Farbe lime und Farbwert #0000ff.

<style type="text/css"><!--
  th.gerade { 
    background-color: lime;
  }
  th.ungerade { 
    background-color: #0000ff;
  }
//-->
</style>

Diese Klassen werden dann abwechselnd verwendet.

<table>
<tr><td class="gerade">Fa:a</td><td class="ungerade">Fb:a</td><td class="gerade">Fc:a</td></tr>
<tr><td class="gerade">Fa:b</td><td class="ungerade">Fb:b</td><td class="gerade">Fc:b</td></tr>
<tr><td class="gerade">Fa:c</td><td class="ungerade">Fb:c</td><td class="gerade">Fc:c</td></tr>
</table>

Mehr zu th lesen Sie in Tabellen in HTML. Mehr zum hier verwendeten Befehl <th>.

Wechsel der Textfarbe bei Hover mit Befehl thead

Die Textfarbe soll sich von Farbe lime auf Farbwert #0000ff ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Formatierung von <thead> in Farbe lime vor.

Wir legen z.B. Farbe lime als Textfarbe von <thead> fest.

<style type="text/css"><!--
  thead { 
    color: lime;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Mausberührung die Textfarbe zu #0000ff ändert.

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

Mehr zum Thema thead finden Sie in Tabellen in HTML. Einzelheiten vom hier genutzten HTML-Tag <thead>.