Ressourcen: 137 HTML Farbnamen - Kombination von Farbwert #ff00ff und Farbwert #3cb371

Netscape führte seinerzeit die websicheren Farben ein. Neben diesen, einem bestimmten Schema folgenden, Farbwerten, definierte man noch 120 Werte und ordnete ihnen Namen zu. Zusammen mit den 17 Standard-HTML-Farben, die ebenfalls Namen haben, ergeben sich so 137 HTML Farbnamen.

Hintergrundfarbwert #ff00ff			Schriftfarbwert #3cb371
Detail	:	Hintergrund #ff00ff	Detail	:	Schrift #3cb371
Farbwert	:	#ff00ff	Farbwert	:	#3cb371
Farbe	:	fuchsia	Farbe	:	mediumseagreen
HTML	:	#ff00ff	HTML	:	#3cb371
HTML (Wert)	:	#ff00ff	HTML (Wert)	:	#3cb371
CSS	:	#ff00ff	CSS	:	#3cb371
CSS (Wert)	:	#ff00ff	CSS (Wert)	:	#3cb371
CSS (kürzest)	:	#f0f	CSS (kürzest)	:	#3cb371
CSS (RGB)	:	rgb(255,0,255)	CSS (RGB)	:	rgb(60,179,113)
CSS (%RGB)	:	rgb(100%,0%,100%)	CSS (%RGB)	:	rgb(23%,70%,44%)

Verlauf Hintergrundfarbwert #ff00ff nach Schriftfarbwert #3cb371
#ff00ff	#e319ea	#c733d6	#ab4cc2	#8f66ad	#737f99	#579985	#3cb371
#ff00ff	#e319ea	#c733d6	#ab4cc2	#8f66ad	#737f99	#579985	#3cb371

Kombination von #ff00ff und #3cb371
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. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund #ff00ff ist #3cb371 ungeeignet. Zwar ist der Farbunterschied gut, die Helligkeiten sind jedoch zu ähnlich. Die Ähnlichkeit von #3cb371 und #ff00ff beträgt 94.40%. Die Lesbarkeit dieser Farbkombination liegt damit bei 5.60%.

Hintergrundfarbwert #ff00ff				Schriftfarbwert #3cb371
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff00ff	#ff00ff	#ff00ff	#ff00ff	#3cb371	#3cb371	#3cb371	#3cb371
#ff24ff	#ff24ff	#da00da	#da00da	#57bd85	#57bd85	#339960	#339960
#ff48ff	#ff48ff	#b600b6	#b600b6	#73c899	#73c899	#2a7f50	#2a7f50
#ff6dff	#ff6dff	#910091	#910091	#8fd3ad	#8fd3ad	#226640	#226640
#ff91ff	#ff91ff	#6d006d	#6d006d	#abdec2	#abdec2	#194c30	#194c30
#ffb6ff	#ffb6ff	#480048	#480048	#c7e9d6	#c7e9d6	#113320	#113320
#ffdaff	#ffdaff	#240024	#240024	#e3f4ea	#e3f4ea	#081910	#081910
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbwert #ff00ff und Farbwert #3cb371

Wechsel der Textfarbe bei Hover bei HTML-Befehl blockquote

Die Textfarbe soll sich von Farbwert #ff00ff auf Farbwert #3cb371 ändern, wenn man mit der Maus auf <blockquote> zeigt. Wir bereiten zunächst die Darstellung von <blockquote> in Farbwert #ff00ff vor.

Wir legen z.B. bei <blockquote> die Textfarbe auf Farbwert #ff00ff fest. Die Hintergrundfarbe ändern wir nicht, setzen jedoch die Schriftart auf arial. Die Größe der Schrift ändern wir auf 9px:

<style type="text/css"><!--
  blockquote { 
    color:#ff00ff; 
    font-family:arial; 
    font-size:9px;
  }
//-->
</style>

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe zu #3cb371 ändert.

<style type="text/css"><!--
  blockquote:hover { 
    color:#3cb371;
  }
//-->
</style>

Weiteres zum Thema blockquote lesen Sie in Blockorientierte Elemente in HTML. Weiteres zum hier gezeigten HTML-Befehl blockquote finden Sie in der HTML Referenz unter <blockquote>.

Füllen und Umranden bei Tag legend

Für dieses Beispiel umranden wir <legend> mit einem . Den Hintergrund von <legend> setzen wir entsprechend auf Farbwert #ff00ff. Dies ist mit HTML kaum möglich. Wir nutzen deshalb CSS.

<style type="text/css"><!--
  legend { border:2pt outset #3cb371; background-color:#f0f; }
//-->
</style>

Weiteres zum Thema legend lesen Sie in Formulare in HTML. Mehr zum HTML-Tag legend ist in der HTML Referenz unter <legend> zusammengestellt.