Ressourcen: 17 HTML Standard Farbnamen - Kombination von Farbe fuchsia und Farbwert #ff0000

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 fuchsia			Schriftfarbwert #ff0000
Detail	:	Hintergrund fuchsia	Detail	:	Schrift #ff0000
Farbe	:	fuchsia	Farbwert	:	#ff0000
Farbwert	:	#ff00ff	Farbe	:	red
HTML	:	fuchsia	HTML	:	#ff0000
HTML (Wert)	:	#ff00ff	HTML (Wert)	:	#ff0000
CSS	:	fuchsia	CSS	:	#ff0000
CSS (Wert)	:	#ff00ff	CSS (Wert)	:	#ff0000
CSS (kürzest)	:	#f0f	CSS (kürzest)	:	#f00
CSS (RGB)	:	rgb(255,0,255)	CSS (RGB)	:	rgb(255,0,0)
CSS (%RGB)	:	rgb(100%,0%,100%)	CSS (%RGB)	:	rgb(100%,0%,0%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbwert #ff0000
#ff00ff	#ff00da	#ff00b6	#ff0091	#ff006d	#ff0048	#ff0024	#ff0000
#ff00ff	#ff00da	#ff00b6	#ff0091	#ff006d	#ff0048	#ff0024	#ff0000

Kombination von fuchsia und #ff0000
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. Cras id velit ante. Suspendisse augue erat, auctor ut ultricies non, facilisis sed neque.				#ff0000 eignet sich nicht als Schriftfarbe auf Hintergrund fuchsia. Die Helligkeit und Farben sind sich zu ähnlich. Die Ähnlichkeit der Farben #ff0000 und fuchsia beträgt 93.93%. Die Lesbarkeit dieser Kombination ergibt sich zu 6.07%.

Hintergrundfarbe fuchsia				Schriftfarbwert #ff0000
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff00ff	#ff00ff	#ff00ff	#ff00ff	#ff0000	#ff0000	#ff0000	#ff0000
#ff24ff	#ff24ff	#da00da	#da00da	#ff2424	#ff2424	#da0000	#da0000
#ff48ff	#ff48ff	#b600b6	#b600b6	#ff4848	#ff4848	#b60000	#b60000
#ff6dff	#ff6dff	#910091	#910091	#ff6d6d	#ff6d6d	#910000	#910000
#ff91ff	#ff91ff	#6d006d	#6d006d	#ff9191	#ff9191	#6d0000	#6d0000
#ffb6ff	#ffb6ff	#480048	#480048	#ffb6b6	#ffb6b6	#480000	#480000
#ffdaff	#ffdaff	#240024	#240024	#ffdada	#ffdada	#240000	#240000
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe fuchsia und Farbwert #ff0000

Hintergrund/Text-Kombination von HTML-Befehl p

Hier ändern wir die Textfarbe von <p> auf Farbwert #ff0000 und die Hintergrundfarbe von <p> auf Farbe fuchsia. Als Schriftart wählen wir verdana und als Schriftgröße setzen wir 87%.

<style type="text/css"><!--
  p { 
    color: #ff0000; 
    font-family: verdana; 
    background-color: fuchsia; 
    font-size: 87%;
  }
//-->
</style>

Mehr zu p können Sie in Grundlegende Gestaltungselemente in HTML finden. Weiteres zum hier verwendeten Befehl p ist in der HTML Referenz bei <p> ausführlich zusammengestellt.

Wechsel der Hintergrundfarbe bei Hover von Tag strong

Die Hintergrundfarbe soll sich von Farbe fuchsia auf Farbwert #ff0000 ändern, wenn man mit der Maus darauf zeigt. Bereiten wir zunächst die Formatierung von <strong> in Farbe fuchsia vor.

Für dieses Beispiel legen wir Farbe fuchsia als Hintergrundfarbe von <strong> fest:

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

Jetzt stellen wir ein, dass bei Berührung mit der Maus die Hintergrundfarbe auf #ff0000 geändert wird.

<style type="text/css"><!--
  strong:hover { 
    background-color:#f00;
  }
//-->
</style>

Weiteres zum Thema strong können Sie in Text in HTML nachlesen. Weiteres zum hier gezeigten HTML-Tag strong ist in der HTML Referenz bei <strong> beschrieben.