Ressourcen: 137 HTML Farbnamen - Kombination von Farbe fuchsia und Farbwert #87cefa

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 fuchsia			Schriftfarbwert #87cefa
Detail	:	Hintergrund fuchsia	Detail	:	Schrift #87cefa
Farbe	:	fuchsia	Farbwert	:	#87cefa
Farbwert	:	#ff00ff	Farbe	:	lightskyblue
HTML	:	fuchsia	HTML	:	#87cefa
HTML (Wert)	:	#ff00ff	HTML (Wert)	:	#87cefa
CSS	:	fuchsia	CSS	:	#87cefa
CSS (Wert)	:	#ff00ff	CSS (Wert)	:	#87cefa
CSS (kürzest)	:	#f0f	CSS (kürzest)	:	#87cefa
CSS (RGB)	:	rgb(255,0,255)	CSS (RGB)	:	rgb(135,206,250)
CSS (%RGB)	:	rgb(100%,0%,100%)	CSS (%RGB)	:	rgb(52%,80%,98%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbwert #87cefa
#ff00ff	#ed1dfe	#dc3afd	#cb58fc	#ba75fc	#a993fb	#98b0fa	#87cefa
#ff00ff	#ed1dfe	#dc3afd	#cb58fc	#ba75fc	#a993fb	#98b0fa	#87cefa

Kombination von fuchsia und #87cefa
Cras vestibulum tristique erat, ac interdum justo cursus in. 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. Cras id velit ante.				#87cefa ist nicht als Schriftfarbe auf Hintergrund fuchsia geeignet, weil sich die Helligkeit und Farben zu ähnlich sind. Die Ähnlichkeit von #87cefa und fuchsia ergibt sich zu 91.30%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 8.70%.

Hintergrundfarbe fuchsia				Schriftfarbwert #87cefa
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff00ff	#ff00ff	#ff00ff	#ff00ff	#87cefa	#87cefa	#87cefa	#87cefa
#ff24ff	#ff24ff	#da00da	#da00da	#98d5fa	#98d5fa	#73b0d6	#73b0d6
#ff48ff	#ff48ff	#b600b6	#b600b6	#a9dcfb	#a9dcfb	#6093b2	#6093b2
#ff6dff	#ff6dff	#910091	#910091	#bae3fc	#bae3fc	#4d758e	#4d758e
#ff91ff	#ff91ff	#6d006d	#6d006d	#cbeafc	#cbeafc	#39586b	#39586b
#ffb6ff	#ffb6ff	#480048	#480048	#dcf1fd	#dcf1fd	#263a47	#263a47
#ffdaff	#ffdaff	#240024	#240024	#edf8fe	#edf8fe	#131d23	#131d23
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe fuchsia und Farbwert #87cefa

Wechsel der Hintergrundfarbe bei Hover von Tag p

Die Hintergrundfarbe soll sich von Farbe fuchsia auf Farbwert #87cefa ändern, wenn man mit der Maus auf <p> zeigt. Bereiten wir zunächst die Darstellung von <p> in Farbe fuchsia vor.

In diesem Beispiel legen wir Farbe fuchsia als Hintergrundfarbe von <p> fest. Die Textfarbe behalten wir bei, setzen jedoch die Schriftart auf monospace.

<style type="text/css"><!--
  p { 
    font-family:monospace; 
    background-color:fuchsia;
  }
//-->
</style>

Jetzt stellen wir ein, dass bei Hover die Hintergrundfarbe auf #87cefa gesetzt wird.

<style type="text/css"><!--
  p:hover { 
    background-color:#87cefa;
  }
//-->
</style>

Weiteres zum Thema p finden Sie in Grundlegende Gestaltungselemente in HTML. Weiteres zum hier verwendeten Befehl <p>.

Wechsel der Textfarbe bei Hover von Tag a

Ein Verweis wird mit Befehl <a> erzeugt. Er kann hervorgehoben und farblich gestaltet werden.

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

Wir legen hier die Textfarbe von <a> auf Farbe fuchsia fest:

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

Nun fordern wir, dass sich bei Berührung mit der Maus die Textfarbe auf #87cefa ändert.

<style type="text/css"><!--
  a:hover { 
    color:#87cefa;
  }
//-->
</style>

Weiteres zum Thema a finden Sie in Verweise und Protokolle in HTML. Weiteres zum hier verwendeten Befehl <a>.