Ressourcen: 137 HTML Farbnamen - Kombination von Farbe honeydew und Farbe fuchsia

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.

Hintergrundfarbe honeydew			Schriftfarbe fuchsia
Detail	:	Hintergrund honeydew	Detail	:	Schrift fuchsia
Farbe	:	honeydew	Farbe	:	fuchsia
Farbwert	:	#f0fff0	Farbwert	:	#ff00ff
HTML	:	honeydew	HTML	:	fuchsia
HTML (Wert)	:	#f0fff0	HTML (Wert)	:	#ff00ff
CSS	:	honeydew	CSS	:	fuchsia
CSS (Wert)	:	#f0fff0	CSS (Wert)	:	#ff00ff
CSS (kürzest)	:	#f0fff0	CSS (kürzest)	:	#f0f
CSS (RGB)	:	rgb(240,255,240)	CSS (RGB)	:	rgb(255,0,255)
CSS (%RGB)	:	rgb(94%,100%,94%)	CSS (%RGB)	:	rgb(100%,0%,100%)

Verlauf Hintergrundfarbe honeydew nach Schriftfarbe fuchsia
#f0fff0	#f2daf2	#f4b6f4	#f691f6	#f86df8	#fa48fa	#fc24fc	#ff00ff
#f0fff0	#f2daf2	#f4b6f4	#f691f6	#f86df8	#fa48fa	#fc24fc	#ff00ff

Kombination von honeydew und fuchsia
Cras vestibulum tristique erat, ac interdum justo cursus in. Cras id velit ante. Aliquam dapibus, lorem sed bibendum consectetur, ligula enim dignissim ligula, a ultrices dolor augue ultrices magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				Auf Hintergrund honeydew ist fuchsia ungeeignet, weil der Farbunterschied nicht ausreichend ist Die Ähnlichkeit der Farben fuchsia und honeydew beträgt 85.59%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 14.41%.

Hintergrundfarbe honeydew				Schriftfarbe fuchsia
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#f0fff0	#f0fff0	#f0fff0	#f0fff0	#ff00ff	#ff00ff	#ff00ff	#ff00ff
#f2fff2	#f2fff2	#cddacd	#cddacd	#ff24ff	#ff24ff	#da00da	#da00da
#f4fff4	#f4fff4	#abb6ab	#abb6ab	#ff48ff	#ff48ff	#b600b6	#b600b6
#f6fff6	#f6fff6	#899189	#899189	#ff6dff	#ff6dff	#910091	#910091
#f8fff8	#f8fff8	#666d66	#666d66	#ff91ff	#ff91ff	#6d006d	#6d006d
#fafffa	#fafffa	#444844	#444844	#ffb6ff	#ffb6ff	#480048	#480048
#fcfffc	#fcfffc	#222422	#222422	#ffdaff	#ffdaff	#240024	#240024
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe honeydew und Farbe fuchsia

Wechsel der Textfarbe bei Hover mit Tag h1

Mit HTML-Tag <h1> erzeugen Sie eine Überschrift der 1. Stufe. Sie kann hervorgehoben und farblich gestaltet werden.

Die Textfarbe soll sich von Farbe honeydew auf Farbe fuchsia ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst eine Darstellung von <h1> in Farbe honeydew vor.

Wir setzen in diesem Beispiel bei <h1> die Textfarbe auf Farbe honeydew und setzen die Schriftgröße auf 14px:

<style type="text/css"><!--
  h1 { 
    font-size: 14px; 
    color: honeydew;
  }
//-->
</style>

Nun stellen wir ein, dass sich bei Hover die Textfarbe auf fuchsia ändert.

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

Mehr zum Thema h1 finden Sie in Grundlegende Gestaltungselemente in HTML. Mehr zum hier genutzten Befehl h1 erfahren Sie in der HTML Referenz unter <h1>.

Hintergrund/Text-Kombination mit Tag a

Mit Tag <a> erzeugen Sie einen Link. Diesen können Sie hervorheben und farblich gestalten.

Hier ändern wir die Textfarbe von <a> auf Farbe fuchsia und die Hintergrundfarbe von <a> auf Farbe honeydew. Die Schriftart ändern wir auf sans-serif. Als Schriftgröße entscheiden wir uns für 9pt.

<style type="text/css"><!--
  a { 
    background-color:honeydew; 
    font-family:sans-serif; 
    color:fuchsia; 
    font-size:9pt;
  }
//-->
</style>

Mehr zum Thema a können Sie in Verweise und Protokolle in HTML erfahren. Einzelheiten vom Tag a erfahren Sie in der HTML Referenz unter <a>.