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

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

Verlauf Hintergrundfarbe green nach Schriftfarbwert #00ff00
#008000	#009200	#00a400	#00b600	#00c800	#00da00	#00ec00	#00ff00
#008000	#009200	#00a400	#00b600	#00c800	#00da00	#00ec00	#00ff00

Kombination von green und #00ff00
Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in.				Die Ähnlichkeit der Farben #00ff00 und green ergibt sich zu 82.17%. Die Lesbarkeit dieser Kombination bewerte ich mit 17.83%. #00ff00 eignet sich nicht als Schriftfarbe auf Hintergrund green, weil sich sowohl Helligkeit als auch die Farben zu ähnlich sind.

Hintergrundfarbe green				Schriftfarbwert #00ff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#00ff00	#00ff00	#00ff00	#00ff00
#249224	#249224	#006d00	#006d00	#24ff24	#24ff24	#00da00	#00da00
#48a448	#48a448	#005b00	#005b00	#48ff48	#48ff48	#00b600	#00b600
#6db66d	#6db66d	#004900	#004900	#6dff6d	#6dff6d	#009100	#009100
#91c891	#91c891	#003600	#003600	#91ff91	#91ff91	#006d00	#006d00
#b6dab6	#b6dab6	#002400	#002400	#b6ffb6	#b6ffb6	#004800	#004800
#daecda	#daecda	#001200	#001200	#daffda	#daffda	#002400	#002400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe green und Farbwert #00ff00

Wechsel der Umrandung bei Hover von HTML-Tag span

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

In diesem Beispiel umranden wir <span> mit einem 2 Pixel dicken, gezahnten Rahmen in Farbe green.

<style type="text/css"><!--
  span { border:2px ridge green; }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Berührung mit der Maus die Rahmenfarbe zu #00ff00 ändert.

<style type="text/css"><!--
  span:hover { 
    border-color:#0f0;
  }
//-->
</style>

Einzelheiten des hier genutzten Tag <span>.

Wechsel der Hintergrundfarbe bei Hover mit Befehl table

Die Hintergrundfarbe soll sich von Farbe green auf Farbwert #00ff00 ändern, wenn man mit der Maus auf <table> zeigt. Wir bereiten zunächst eine Darstellung von <table> in Farbe green vor.

Für dieses Beispiel setzen wir die Hintergrundfarbe von <table> auf Farbe green und vergrößern die Schriftgröße auf 115%.

<style type="text/css"><!--
  table { 
    font-size:115%; 
    background-color:green;
  }
//-->
</style>

Jetzt stellen wir ein, dass sich bei Hover die Hintergrundfarbe auf #00ff00 ändert.

<style type="text/css"><!--
  table:hover { 
    background-color:#0f0;
  }
//-->
</style>

Mehr zu table können Sie in Tabellen in HTML lesen. Die Beschreibung vom hier gezeigten Befehl table finden Sie in der HTML Referenz unter <table>.