Ressourcen: 8 Grundfarben in HTML - Kombination von Farbe fuchsia und Farbe white

Die bunten Grundfarben entstehen dadurch, dass die Anteile von Rot, Grün und Blau jeweils paarweise maximal sind.

In HTML und CSS haben damit die entsprechenden Bestandteile den Wert hexadezimal ff, bzw. dezimal 255 bzw. prozentual 100%.

Hintergrundfarbe fuchsia			Schriftfarbe white
Detail	:	Hintergrund fuchsia	Detail	:	Schrift white
Farbe	:	fuchsia	Farbe	:	white
Farbwert	:	#ff00ff	Farbwert	:	#ffffff
HTML	:	fuchsia	HTML	:	white
HTML (Wert)	:	#ff00ff	HTML (Wert)	:	#ffffff
CSS	:	fuchsia	CSS	:	white
CSS (Wert)	:	#ff00ff	CSS (Wert)	:	#ffffff
CSS (kürzest)	:	#f0f	CSS (kürzest)	:	#fff
CSS (RGB)	:	rgb(255,0,255)	CSS (RGB)	:	rgb(255,255,255)
CSS (%RGB)	:	rgb(100%,0%,100%)	CSS (%RGB)	:	rgb(100%,100%,100%)

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbe white
#ff00ff	#ff24ff	#ff48ff	#ff6dff	#ff91ff	#ffb6ff	#ffdaff	#ffffff
#ff00ff	#ff24ff	#ff48ff	#ff6dff	#ff91ff	#ffb6ff	#ffdaff	#ffffff

Kombination von fuchsia und white
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. Cras id velit ante. Lorem ipsum dolor sit amet, consectetur adipiscing elit.				white ist nicht als Schriftfarbe auf Hintergrund fuchsia geeignet, weil der Farbunterschied zu gering ist Die Ähnlichkeit von white und fuchsia beträgt 85.07%. Die Lesbarkeit dieser Farbkombination ergibt sich zu 14.93%.

Hintergrundfarbe fuchsia				Schriftfarbe white
Verlauf nach Weiß		Verlauf nach Schwarz		Verlauf nach Weiß		Verlauf nach Schwarz
#ff00ff	#ff00ff	#ff00ff	#ff00ff	#ffffff	#ffffff	#ffffff	#ffffff
#ff24ff	#ff24ff	#da00da	#da00da	#ffffff	#ffffff	#dadada	#dadada
#ff48ff	#ff48ff	#b600b6	#b600b6	#ffffff	#ffffff	#b6b6b6	#b6b6b6
#ff6dff	#ff6dff	#910091	#910091	#ffffff	#ffffff	#919191	#919191
#ff91ff	#ff91ff	#6d006d	#6d006d	#ffffff	#ffffff	#6d6d6d	#6d6d6d
#ffb6ff	#ffb6ff	#480048	#480048	#ffffff	#ffffff	#484848	#484848
#ffdaff	#ffdaff	#240024	#240024	#ffffff	#ffffff	#242424	#242424
#ffffff	#ffffff	#000000	#000000	#ffffff	#ffffff	#000000	#000000

Beispiele zur Kombination von Farbe fuchsia und Farbe white

Wechsel der Umrandung bei Hover von Befehl strong

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

In diesem Beispiel umranden wir <strong> mit einem 5 Pixel dicken, einfallenden Rahmen in Farbe fuchsia.

<style type="text/css"><!--
  strong { border:5px inset fuchsia; }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Rahmenfarbe auf white geändert wird.

<style type="text/css"><!--
  strong: hover { 
    border-color: white;
  }
//-->
</style>

Mehr zu strong können Sie in Text in HTML nachlesen. Möglichkeiten des hier verwendeten HTML-Befehl strong sind in der HTML Referenz bei <strong> zusammengestellt.

Wechsel der Textfarbe bei Hover bei HTML-Befehl colgroup

Die Textfarbe soll sich von Farbe fuchsia auf Farbe white ändern, wenn man mit der Maus auf <colgroup> zeigt. Bereiten wir zunächst eine Formatierung von <colgroup> in Farbe fuchsia vor.

Für dieses Beispiel legen wir Farbe fuchsia als Textfarbe von <colgroup> fest und setzen die Größe der Schrift auf 95S%.

<style type="text/css"><!--
  colgroup { 
    font-size: 95S%; 
    color: fuchsia;
  }
//-->
</style>

Jetzt fordern wir, dass bei Berührung mit der Maus die Textfarbe auf white gesetzt wird.

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

Mehr zum Thema colgroup erfahren Sie in Tabellen in HTML. Der Befehl colgroup ist in der HTML Referenz unter <colgroup> genau gezeigt.