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

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

Verlauf Hintergrundfarbe fuchsia nach Schriftfarbe black
#ff00ff	#da00da	#b600b6	#910091	#6d006d	#480048	#240024	#000000
#ff00ff	#da00da	#b600b6	#910091	#6d006d	#480048	#240024	#000000

Kombination von fuchsia und black
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id velit ante. 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.				Die Ähnlichkeit von black und fuchsia beträgt 68.11%. Die Lesbarkeit dieser Farbkombination liegt damit bei 31.89%. black eignet sich nicht als Schriftfarbe auf Hintergrund fuchsia. Zwar ist der Farbunterschied ausreichend, die Helligkeiten sind jedoch zu ähnlich.

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

Beispiel zur Kombination von Farbe fuchsia und Farbe black

Wechsel der Umrandung bei Hover von Tag pre

Die Rahmenfarbe soll sich von Farbe fuchsia auf Farbe black ändern, wenn man mit der Maus auf <pre> zeigt. Wir bereiten zunächst eine Darstellung von <pre> in Farbe fuchsia vor.

In diesem Beispiel umranden wir <pre> mit einem 1 Pixel dicken, gestrichelten Rahmen in Farbe fuchsia.

<style type="text/css"><!--
  pre { border:1px dashed fuchsia; }
//-->
</style>

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

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

Weiteres zu pre finden Sie in Blockorientierte Elemente in HTML. Mehr zum hier verwendeten HTML-Befehl <pre>.