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

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

Verlauf Hintergrundfarbe green nach Schriftfarbwert #ffff00
#008000	#249200	#48a400	#6db600	#91c800	#b6da00	#daec00	#ffff00
#008000	#249200	#48a400	#6db600	#91c800	#b6da00	#daec00	#ffff00

Kombination von green und #ffff00
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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante.				Die Ähnlichkeit der Farben #ffff00 und green ergibt sich zu 77.22%. Die Lesbarkeit dieser Kombination liegt damit bei 22.78%. #ffff00 ist nicht als Schriftfarbe auf Hintergrund green geeignet, da der Unterschied in den Farben zu gering ist

Hintergrundfarbe green				Schriftfarbwert #ffff00
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#008000	#008000	#008000	#008000	#ffff00	#ffff00	#ffff00	#ffff00
#249224	#249224	#006d00	#006d00	#ffff24	#ffff24	#dada00	#dada00
#48a448	#48a448	#005b00	#005b00	#ffff48	#ffff48	#b6b600	#b6b600
#6db66d	#6db66d	#004900	#004900	#ffff6d	#ffff6d	#919100	#919100
#91c891	#91c891	#003600	#003600	#ffff91	#ffff91	#6d6d00	#6d6d00
#b6dab6	#b6dab6	#002400	#002400	#ffffb6	#ffffb6	#484800	#484800
#daecda	#daecda	#001200	#001200	#ffffda	#ffffda	#242400	#242400
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe green und Farbwert #ffff00

Hintergrund/Text-Kombination von HTML-Tag address

Wir ändern für dieses Beispiel die Textfarbe von <address> auf Farbwert #ffff00 und die Hintergrundfarbe von <address> auf Farbe green. Die Schriftart setzen wir auf courier new. Die Schriftgröße ändern wir auf 11px.

<style type="text/css"><!--
  address { 
    font-family:courier new; 
    font-size:11px; 
    background-color:green; 
    color:#ffff00;
  }
//-->
</style>

Weiteres zum Thema erfahren Sie in Blockorientierte Elemente in HTML. Mehr zum hier gezeigten HTML-Befehl <address>.

Wechsel der Textfarbe bei Hover von Befehl select

Die Textfarbe soll sich von Farbe green auf Farbwert #ffff00 ändern, wenn man mit der Maus darauf zeigt. Wir bereiten zunächst die Darstellung von <select> in Farbe green vor.

Wir legen in diesem Beispiel Farbe green als Textfarbe von <select> fest. Zwar behalten wir die Hintergrundfarbe bei, ändern jedoch die Schriftart auf verdana. Die Größe der Schrift erhöhen wir auf 129%:

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

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf #ffff00 gesetzt wird.

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

Weiteres zum Thema select lesen Sie in Formulare in HTML. Die Beschreibung des hier genutzten Tag select lesen Sie in der HTML Referenz unter <select>.