Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbwert #008000 und Farbe purple

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

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

Kombination von #008000 und purple
Cras id velit ante. 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 vestibulum tristique erat, ac interdum justo cursus in. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Die Ähnlichkeit der Farben purple und #008000 beträgt 91.27%. Die Lesbarkeit dieser Kombination von Farben ergibt sich zu 8.73%. Auf Hintergrund #008000 ist purple ungeeignet, da weder der Helligkeitsunterschied noch der Farbunterschied geeignet sind.

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

Beispiele zur Kombination von Farbwert #008000 und Farbe purple

Füllen und Umranden von HTML-Tag var

In diesem Beispiel umranden wir <var> mit einem doppelten, 4 Punkte dicken Rahmen in Farbe purple . Die Hintergrundfarbe für <var> färben wir entsprechend mit Farbwert #008000. In HTML geht dies kaum. Wir nutzen daher CSS zur Formatierung.

<style type="text/css"><!--
  var { border:4pt double purple; background-color:#008000; }
//-->
</style>

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

Wechsel der Textfarbe bei Hover mit HTML-Tag dt

Die Textfarbe soll sich von Farbwert #008000 auf Farbe purple ändern, wenn man mit der Maus auf <dt> zeigt. Wir bereiten zunächst eine Darstellung von <dt> in Farbwert #008000 vor.

Hier legen wir bei <dt> die Textfarbe auf Farbwert #008000 fest. Zwar ändern wir die Hintergrundfarbe nicht, setzen jedoch die Schriftart auf arial und ändern die Schriftgröße auf 13pt.

<style type="text/css"><!--
  dt { 
    color:#008000; 
    font-size:13pt; 
    font-family:arial;
  }
//-->
</style>

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

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

Mehr zum Thema können Sie in Listen und Glossare in HTML finden. Weiteres zum hier gezeigten HTML-Befehl dt ist in der HTML Referenz bei <dt> genau gezeigt.