Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe purple und Farbe green

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

Verlauf Hintergrundfarbe purple nach Schriftfarbe green
#800080	#6d126d	#5b245b	#493649	#364936	#245b24	#126d12	#008000
#800080	#6d126d	#5b245b	#493649	#364936	#245b24	#126d12	#008000

Kombination von purple und green
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. 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. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				Auf Hintergrund purple ist green ungeeignet, weil die Unterschiede in der Helligkeit und Farbe unzureichend sind. Die Ähnlichkeit der Farben green und purple beträgt 91.27%. Die Lesbarkeit dieser Farbkombination liegt damit bei 8.73%.

Hintergrundfarbe purple				Schriftfarbe green
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#800080	#800080	#800080	#800080	#008000	#008000	#008000	#008000
#922492	#922492	#6d006d	#6d006d	#249224	#249224	#006d00	#006d00
#a448a4	#a448a4	#5b005b	#5b005b	#48a448	#48a448	#005b00	#005b00
#b66db6	#b66db6	#490049	#490049	#6db66d	#6db66d	#004900	#004900
#c891c8	#c891c8	#360036	#360036	#91c891	#91c891	#003600	#003600
#dab6da	#dab6da	#240024	#240024	#b6dab6	#b6dab6	#002400	#002400
#ecdaec	#ecdaec	#120012	#120012	#daecda	#daecda	#001200	#001200
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe purple und Farbe green

Wechsel der Textfarbe bei Hover bei HTML-Tag input

Die Textfarbe soll sich von Farbe purple auf Farbe green ändern, wenn man mit der Maus auf <input> zeigt. Bereiten wir zunächst eine Formatierung von <input> in Farbe purple vor.

Zum Beispiel setzen wir die Textfarbe von <input> auf Farbe purple und setzen die Größe der Schrift auf 86%.

<style type="text/css"><!--
  input { 
    font-size:86%; 
    color:purple;
  }
//-->
</style>

Jetzt fordern wir, dass bei Hover die Textfarbe auf green gesetzt wird.

<style type="text/css"><!--
  input:hover { 
    color:green;
  }
//-->
</style>

Mehr zum Thema können Sie in Formulare in HTML nachlesen. Einzelheiten des hier gezeigten Tag input sind in der HTML Referenz bei <input> ausführlich beschrieben.

Füllen und Umranden mit HTML-Tag h2

Mit Tag <h2> erzeugen Sie eine Überschrift der 2. Stufe. Diese kann farblich gestaltet und hervorgehoben werden.

Bei diesem Beispiel umranden wir <h2> mit einem 1 Punkte dicken, gefurchten Rahmen in Farbe green . Den Hintergrund von <h2> färben wir mit Farbe purple. Mit HTML ist dies nicht möglich. Wir verwenden deshalb CSS zur Formatierung.

<style type="text/css"><!--
  h2 { border:1pt groove green; background-color:purple; }
//-->
</style>

Mehr zu h2 lesen Sie in Grundlegende Gestaltungselemente in HTML. Einzelheiten des hier gezeigten Tag <h2>.