Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #00ff00 und Farbwert #008080

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 #00ff00			Schriftfarbwert #008080
Detail	:	Hintergrund #00ff00	Detail	:	Schrift #008080
Farbwert	:	#00ff00	Farbwert	:	#008080
Farbe	:	lime	Farbe	:	teal
HTML	:	#00ff00	HTML	:	#008080
HTML (Wert)	:	#00ff00	HTML (Wert)	:	#008080
CSS	:	#00ff00	CSS	:	#008080
CSS (Wert)	:	#00ff00	CSS (Wert)	:	#008080
CSS (kürzest)	:	#0f0	CSS (kürzest)	:	#008080
CSS (RGB)	:	rgb(0,255,0)	CSS (RGB)	:	rgb(0,128,128)
CSS (%RGB)	:	rgb(0%,100%,0%)	CSS (%RGB)	:	rgb(0%,50%,50%)

Verlauf Hintergrundfarbwert #00ff00 nach Schriftfarbwert #008080
#00ff00	#00ec12	#00da24	#00c836	#00b649	#00a45b	#00926d	#008080
#00ff00	#00ec12	#00da24	#00c836	#00b649	#00a45b	#00926d	#008080

Kombination von #00ff00 und #008080
Cras vestibulum tristique erat, ac interdum justo cursus in. 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 id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Die Ähnlichkeit der Farben #008080 und #00ff00 ergibt sich zu 83.43%. Die Lesbarkeit dieser Kombination von Farben liegt damit bei 16.57%. Auf Hintergrund #00ff00 ist #008080 ungeeignet, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbwert #00ff00				Schriftfarbwert #008080
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#00ff00	#00ff00	#00ff00	#00ff00	#008080	#008080	#008080	#008080
#24ff24	#24ff24	#00da00	#00da00	#249292	#249292	#006d6d	#006d6d
#48ff48	#48ff48	#00b600	#00b600	#48a4a4	#48a4a4	#005b5b	#005b5b
#6dff6d	#6dff6d	#009100	#009100	#6db6b6	#6db6b6	#004949	#004949
#91ff91	#91ff91	#006d00	#006d00	#91c8c8	#91c8c8	#003636	#003636
#b6ffb6	#b6ffb6	#004800	#004800	#b6dada	#b6dada	#002424	#002424
#daffda	#daffda	#002400	#002400	#daecec	#daecec	#001212	#001212
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #00ff00 und Farbwert #008080

Zebra-Effekt von Befehl tr

Man redet vom so genannten Zebra-Effekt, wenn zwei Farben abweselnd als Hintergrundfarbe verwendet werden. Er unterstützt das Auge z.B. die Zeile oder Spalte nicht zu verlieren. Wir definieren zwei Klassen .even und .odd für <tr> mit den Hintergrundfarben Farbwert #00ff00 und Farbwert #008080.

<style type="text/css"><!--
  tr.even { 
    background-color:#0f0;
  }
  tr.odd { 
    background-color: #008080;
  }
//-->
</style>

Diese CSS-Klassen werden abwechselnd verwendet.

<table>
<tr class="even"><td>RA~A</td><td>RB~A</td><td>RC~A</td></tr>
<tr class="odd"><td>RA~B</td><td>RB~B</td><td>RC~B</td></tr>
<tr class="even"><td>RA~C</td><td>RB~C</td><td>RC~C</td></tr>
</table>

Mehr zu tr können Sie in Tabellen in HTML finden. Zur Beschreibung des hier gezeigten HTML-Tag <tr>.

Wechsel der Umrandung bei Hover von HTML-Befehl strike

Die Rahmenfarbe soll sich von Farbwert #00ff00 auf Farbwert #008080 ändern, wenn man mit der Maus auf <strike> zeigt. Wir bereiten zunächst die Formatierung von <strike> in Farbwert #00ff00 vor.

In diesem Beispiel umranden wir <strike> mit einem 4 Pixel dicken, gestrichelten Rahmen in Farbwert #00ff00.

<style type="text/css"><!--
  strike { 
    border-style:dashed; 
    border-width:4px; 
    border-color:#0f0;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Mausberührung die Rahmenfarbe auf #008080 gesetzt wird.

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

Weiteres zu strike können Sie in Text in HTML nachlesen. Möglichkeiten vom Befehl <strike>.