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

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 #000000
Detail	:	Hintergrund green	Detail	:	Schrift #000000
Farbe	:	green	Farbwert	:	#000000
Farbwert	:	#008000	Farbe	:	black
HTML	:	green	HTML	:	#000000
HTML (Wert)	:	#008000	HTML (Wert)	:	#000000
CSS	:	green	CSS	:	#000000
CSS (Wert)	:	#008000	CSS (Wert)	:	#000000
CSS (kürzest)	:	#008000	CSS (kürzest)	:	#000
CSS (RGB)	:	rgb(0,128,0)	CSS (RGB)	:	rgb(0,0,0)
CSS (%RGB)	:	rgb(0%,50%,0%)	CSS (%RGB)	:	rgb(0%,0%,0%)

Verlauf Hintergrundfarbe green nach Schriftfarbwert #000000
#008000	#006d00	#005b00	#004900	#003600	#002400	#001200	#000000
#008000	#006d00	#005b00	#004900	#003600	#002400	#001200	#000000

Kombination von green und #000000
Cras id velit ante. Cras vestibulum tristique erat, ac interdum justo cursus in. 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.				Auf Hintergrund green ist #000000 ungeeignet, weil sowohl Helligkeit als auch die Farben zu ähnlich sind. Die Ähnlichkeit von #000000 und green ergibt sich zu 80.53%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 19.47%.

Hintergrundfarbe green				Schriftfarbwert #000000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#000000	#000000	#000000	#000000
#249224	#249224	#006d00	#006d00	#242424	#242424	#000000	#000000
#48a448	#48a448	#005b00	#005b00	#484848	#484848	#000000	#000000
#6db66d	#6db66d	#004900	#004900	#6d6d6d	#6d6d6d	#000000	#000000
#91c891	#91c891	#003600	#003600	#919191	#919191	#000000	#000000
#b6dab6	#b6dab6	#002400	#002400	#b6b6b6	#b6b6b6	#000000	#000000
#daecda	#daecda	#001200	#001200	#dadada	#dadada	#000000	#000000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe green und Farbwert #000000

Wechsel der Textfarbe bei Hover von Tag a

Einen Link erzeugt man mit HTML-Tag <a>. Diesen können Sie farblich gestalten.

Die Textfarbe soll sich von Farbe green auf Farbwert #000000 ändern, wenn man mit der Maus auf <a> zeigt. Bereiten wir zunächst die Formatierung von <a> in Farbe green vor.

Z.B. legen wir bei <a> die Textfarbe auf Farbe green fest. Die Hintergrundfarbe lassen wir unverändert, setzen jedoch die Schriftart auf verdana.

<style type="text/css"><!--
  a { 
    font-family:verdana; 
    color:green;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Textfarbe auf #000000 geändert wird.

<style type="text/css"><!--
  a: hover { 
    color: #000000;
  }
//-->
</style>

Weiteres zum Thema lesen Sie in Verweise und Protokolle in HTML. Beschreibung des Befehl <a>.

Hintergrund/Text-Kombination von Tag dfn

Wir ändern für dieses Beispiel die Textfarbe von <dfn> auf Farbwert #000000 und die Hintergrundfarbe von <dfn> auf Farbe green. Als Schriftart wählen wir monospace. Die Schriftgröße verringern wir auf 91%.

<style type="text/css"><!--
  dfn { 
    color: #000000; 
    background-color: green; 
    font-size: 91%; 
    font-family: monospace;
  }
//-->
</style>

Mehr zu dfn finden Sie in Text in HTML. Der HTML-Befehl dfn ist in der HTML Referenz bei <dfn> gezeigt.