Magenta Farbcode (#ff00ff)

Über Magenta

Magenta (magenta) ist ein mittleres, kräftiges Magenta mit dem Hex-Code #ff00ff, oder rgb(255, 0, 255). In HSL liegt es bei einem Farbton von 300°, 100% Sättigung und 50% Helligkeit. CSS akzeptiert außerdem die Schreibweise fuchsia für exakt dieselbe Farbe. Es ist eine der 148 benannten Farben, die jeder Browser versteht, sodass du color: magenta; statt des Hex-Werts schreiben kannst.

Magenta für Text und Hintergründe verwenden

Auf einem Magenta-Hintergrund verwendest du Schwarz als Textfarbe (6.70 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: magenta;               /* or #ff00ff */
  background-color: #ff00ff;
  border: 1px solid rgb(255 0 255 / 50%);
}

Ähnliche benannte Farben

Tiefrosa (#ff1493), Dunkelviolett (#9400d3), Mittlere Orchidee (#ba55d3), Dunkle Orchidee (#9932cc), Orchidee (#da70d6), Blauviolett (#8a2be2).