Ressourcen: 137 HTML Farbnamen - Kombination von Farbe rosybrown und Farbwert #00ff7f

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 rosybrown			Schriftfarbwert #00ff7f
Detail	:	Hintergrund rosybrown	Detail	:	Schrift #00ff7f
Farbe	:	rosybrown	Farbwert	:	#00ff7f
Farbwert	:	#bc8f8f	Farbe	:	springgreen
HTML	:	rosybrown	HTML	:	#00ff7f
HTML (Wert)	:	#bc8f8f	HTML (Wert)	:	#00ff7f
CSS	:	rosybrown	CSS	:	#00ff7f
CSS (Wert)	:	#bc8f8f	CSS (Wert)	:	#00ff7f
CSS (kürzest)	:	#bc8f8f	CSS (kürzest)	:	#00ff7f
CSS (RGB)	:	rgb(188,143,143)	CSS (RGB)	:	rgb(0,255,127)
CSS (%RGB)	:	rgb(73%,56%,56%)	CSS (%RGB)	:	rgb(0%,100%,49%)

Verlauf Hintergrundfarbe rosybrown nach Schriftfarbwert #00ff7f
#bc8f8f	#a19f8c	#86af8a	#6bbf88	#50cf85	#35df83	#1aef81	#00ff7f
#bc8f8f	#a19f8c	#86af8a	#6bbf88	#50cf85	#35df83	#1aef81	#00ff7f

Kombination von rosybrown und #00ff7f
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.				Auf Hintergrund rosybrown ist #00ff7f ungeeignet. Die Helligkeit und Farben sind zu ähnlich. Die Ähnlichkeit der Farben #00ff7f und rosybrown beträgt 90.04%. Die Lesbarkeit dieser Kombination liegt damit bei 9.96%.

Hintergrundfarbe rosybrown				Schriftfarbwert #00ff7f
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#bc8f8f	#bc8f8f	#bc8f8f	#bc8f8f	#00ff7f	#00ff7f	#00ff7f	#00ff7f
#c59f9f	#c59f9f	#a17a7a	#a17a7a	#24ff91	#24ff91	#00da6c	#00da6c
#cfafaf	#cfafaf	#866666	#866666	#48ffa3	#48ffa3	#00b65a	#00b65a
#d8bfbf	#d8bfbf	#6b5151	#6b5151	#6dffb5	#6dffb5	#009148	#009148
#e2cfcf	#e2cfcf	#503d3d	#503d3d	#91ffc8	#91ffc8	#006d36	#006d36
#ebdfdf	#ebdfdf	#352828	#352828	#b6ffda	#b6ffda	#004824	#004824
#f5efef	#f5efef	#1a1414	#1a1414	#daffec	#daffec	#002412	#002412
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe rosybrown und Farbwert #00ff7f

Wechsel der Hintergrundfarbe bei Hover bei HTML-Befehl pre

Die Hintergrundfarbe soll sich von Farbe rosybrown auf Farbwert #00ff7f ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <pre> in Farbe rosybrown vor.

In diesem Beispiel legen wir Farbe rosybrown als Hintergrundfarbe von <pre> fest:

<style type="text/css"><!--
  pre { 
    background-color: rosybrown;
  }
//-->
</style>

Jetzt fordern wir, dass sich bei Berührung mit der Maus die Hintergrundfarbe auf #00ff7f ändert.

<style type="text/css"><!--
  pre: hover { 
    background-color: #00ff7f;
  }
//-->
</style>

Mehr zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Weiteres zum Befehl <pre>.

Zebra-Effekt bei HTML-Tag tr

Werden zwei Farben abweselnd als Hintergrundfarbe genommen, redet man von einem so genannten Zebra-Effekt. Er unterstützt das Auge zum Beispiel die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit unterschiedlichen Hintergrundfarben Farbe rosybrown und Farbwert #00ff7f.

<style type="text/css"><!--
  tr.even { 
    background-color: rosybrown;
  }
  tr.odd { 
    background-color: #00ff7f;
  }
//-->
</style>

Diese CSS-Klassen werden dann abwechselnd verwendet.

<table>
<tr class="even"><td><tt>1/1</td><td></tt>2/1</td><td><tt>3/1</td></tr>
<tr class="odd"><td></tt>1/2</td><td><tt>2/2</td><td></tt>3/2</td></tr>
<tr class="even"><td><tt>1/3</td><td></tt>2/3</td><td>@3/3</td></tr>
</table>

Weiteres zum Thema finden Sie in Tabellen in HTML. Einzelheiten des hier verwendeten Tag <tr>.