Ressourcen: 8 Grundfarben in HTML - Kombinationen mit Farbwert #ff00ff

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%.

Hintergrundfarbwert #ff00ff
Detail	:	Hintergrundfarbwert #ff00ff	Verlauf nach Weiß		Verlauf nach Schwarz
Farbwert	:	#ff00ff	#ff00ff	#ff00ff	#ff00ff	#ff00ff
Farbe	:	fuchsia	#ff24ff	#ff24ff	#da00da	#da00da
HTML	:	#ff00ff	#ff48ff	#ff48ff	#b600b6	#b600b6
CSS	:	#ff00ff	#ff6dff	#ff6dff	#910091	#910091
CSS (Wert)	:	#ff00ff	#ff91ff	#ff91ff	#6d006d	#6d006d
CSS (kürzest)	:	#f0f	#ffb6ff	#ffb6ff	#480048	#480048
CSS (RGB)	:	rgb(255,0,255)	#ffdaff	#ffdaff	#240024	#240024
CSS (%RGB)	:	rgb(100%,0%,100%)	#ffffff	#ffffff	#000000	#000000

Beispiele zu Kombinationen mit Farbwert #ff00ff

Änderung der Textfarbe bei Hover von HTML-Befehl s

Die Textfarbe soll sich ändern, wenn man mit der Maus darauf zeigt. Für das Beispiel bereiten wir zunächst Formatierungen von <s> vor.

<style type="text/css"><!--
  s { 
    color:#d4e094; 
    font-size:90%; 
    font-family:monospace;
  }
//-->
</style>

Nun stellen wir ein, dass bei Hover die Textfarbe auf Farbwert #ff00ff gesetzt wird.

<style type="text/css"><!--
  s:hover { 
    color:#ff00ff;
  }
//-->
</style>

Weiteres zum Thema s erfahren Sie in Text in HTML. Möglichkeiten vom Befehl s sind in der HTML Referenz unter <s> ausführlich beschrieben.

Umrandung mit HTML-Tag h3

Mit Befehl <h3> wird eine Überschrift der 3. Stufe erzeugt. Diese kann man farblich gestalten und hervorheben.

In diesem Beispiel umranden wir <h3> mit einem 1 Pixel dicken, doppelten Rahmen in Farbwert #ff00ff. Mit HTML ist dies nicht möglich. Deshalb verwenden wir CSS.

<style type="text/css"><!--
  h3 { border:1px double #ff00ff; }
//-->
</style>

Mehr zum Thema h3 können Sie in Grundlegende Gestaltungselemente in HTML nachsehen. Möglichkeiten vom hier genutzten HTML-Befehl <h3>.