Magenta #FF00FF

Magenta ist eine Farbe im Bereich Violett, mittelhell und leuchtend, mit dem Hex-Code #FF00FF und dem RGB-Wert rgb(255, 0, 255).

Aa

Schwarzer Text ist auf dieser Farbe am besten lesbar (6.69:1).

Über diese Farbe

#FF00FF ist eine Farbe im Bereich Violett, mittelhell und leuchtend. In OKLCH liegt die Helligkeit bei 70 %, die Chroma bei 0.322 und der Farbwinkel bei 328°. Ihr Farbton liegt zwischen der warmen und der kühlen Hälfte des Farbkreises. Es ist die benannte Farbe Magenta. Schwarzer Text ist darauf am besten lesbar, mit 6.69:1.

FarbfamilieViolett
Helligkeitmittelhell (70%)
Chromaleuchtend (0.322)
Temperaturdazwischen
Nächster NameMagenta
Schwarzer Text6.69:1
Weißer Text3.13:1

Farben, die zu Magenta passen

Passende Farben, gefunden durch Drehen von Magenta auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.

Komplementär

Der gegenüberliegende Farbton (180°).

Komplementäre Palette im Generator öffnen

Analog

Benachbarte Farbtöne, je 30° zu beiden Seiten.

Analoge Palette im Generator öffnen

Farbpaletten mit Magenta

Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Magenta enthalten, die nächsten zuerst.

Noch keine kuratierte Palette enthält eine Farbe innerhalb von ΔE 0,06 zu Magenta.

Ähnliche benannte Farben

Die acht benannten Farben, die Magenta am nächsten liegen, mit ihrem ΔE-Abstand.

Mehr über Magenta

So mischst du Magenta

Ein Ausgangsrezept aus gängigen Malfarben, berechnet mit einem spektralen Farbmodell (dem Malfarben-Modus des Farbmischers). Echte Pigmente weichen ab: Misch zuerst eine kleine Probe und passe sie an.

  • 1 Teil Lila
  • 1 Teil Weiß

Ergebnis des Rezepts: #B876D0, eine Abweichung von ΔE 0.186 zu Magenta. Magenta ist kräftiger, als diese Farben mischen können. Starte daher mit einer fertigen Farbe (Violett) und passe sie an.

Welche Farben ergeben Violett? | Farbmischtabelle

Codes für Magenta in jedem Format

HEX#FF00FF
RGBrgb(255, 0, 255)
HSLhsl(300, 100%, 50%)
OKLCHoklch(70.2% 0.322 328.4)

Kontrast

WCAG-2-Kontrastverhältnisse sind das Konformitätsziel: AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text, AAA verlangt 7:1. APCA-Lc-Werte sind ergänzende Hinweise aus den WCAG-3-Entwürfen.

PaarWCAG 2ErgebnisAPCAAPCA-Empfehlung
Weißer Text auf #FF00FF 3.13:1 AA für großen Text Lc -60.9 Inhaltstext, nicht für lange Texte
Schwarzer Text auf #FF00FF 6.69:1 AA Lc 48.5 Großer oder fetter Text, Überschriften
#FF00FF als Text auf Weiß 3.13:1 AA für großen Text Lc 55.6 Großer oder fetter Text, Überschriften
#FF00FF als Text auf Schwarz 6.69:1 AA Lc -46.2 Großer oder fetter Text, Überschriften

Shades und Tints von Magenta

Eine Skala von 50 bis 950 in OKLCH: Der Farbton bleibt gleich, die Helligkeit folgt einer Kurve wie in Tailwind v4, und jede Stufe bleibt innerhalb des sRGB-Gamuts. Diese Farbe liegt auf Stufe 400.

  1. Stufe 50

    50

    #FFF0FE

    oklch(97.1% 0.024 327.8)

  2. Stufe 100

    100

    #FFDEFD

    oklch(93.7% 0.054 327.9)

  3. Stufe 200

    200

    #FFC1FB

    oklch(88.5% 0.103 328.6)

  4. Stufe 300

    300

    #FF91FB

    oklch(80.8% 0.184 328.4)

  5. Stufe 400

    400 (diese Farbe)

    #FF00FF

    oklch(70.2% 0.322 328.4)

  6. Stufe 500

    500

    #DE00DE

    oklch(63.2% 0.29 328.4)

  7. Stufe 600

    600

    #BB00BB

    oklch(55.6% 0.255 328.4)

  8. Stufe 700

    700

    #9E009E

    oklch(49.1% 0.226 328.4)

  9. Stufe 800

    800

    #830083

    oklch(42.8% 0.197 328.4)

  10. Stufe 900

    900

    #6E006E

    oklch(37.8% 0.174 328.4)

  11. Stufe 950

    950

    #440044

    oklch(27.1% 0.125 328.4)

Diese Skala im Tool für Tailwind-Farben exportieren

Magenta bei Farbenblindheit

Simuliert mit dem Modell von Machado et al. (2009). ΔE zeigt, wie weit sich die Farbe verschiebt: unter etwa 0,02 fällt die Änderung nicht auf.

SehenWirkt alsVerschiebung (ΔE)
Protanopie (keine Rotzapfen)#007FFF0.339
Deuteranopie (keine Grünzapfen)#689BFA0.297
Tritanopie (keine Blauzapfen)#FF4A970.174
Achromatopsie (kein Farbsehen)#9191910.326

Nutze Magenta in deinem Produkt

Mach daraus helle und dunkle UI-Rollen mit geprüftem Kontrast und exportiere sie für Tailwind v4, shadcn/ui, CSS oder Design Tokens.