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.
| Farbfamilie | Violett |
| Helligkeit | mittelhell (70%) |
| Chroma | leuchtend (0.322) |
| Temperatur | dazwischen |
| Nächster Name | Magenta |
| Schwarzer Text | 6.69:1 |
| Weißer Text | 3.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°).
Analog
Benachbarte Farbtöne, je 30° zu beiden Seiten.
Triade
Drei Farbtöne im Abstand von 120°.
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.
- Bright Magenta #FF08E8 ΔE 0.034
- Pink Purple #EF1DE7 ΔE 0.044
- Violet Pink #FB5FFC ΔE 0.078
- Light Magenta #FA5FF7 ΔE 0.080
- Hot Magenta #F504C9 ΔE 0.081
- Heliotrope #D94FF5 ΔE 0.083
- Purple Pink #D725DE ΔE 0.086
- Candy Pink #FF63E9 ΔE 0.097
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.
Codes für Magenta in jedem Format
| HEX | #FF00FF |
| RGB | rgb(255, 0, 255) |
| HSL | hsl(300, 100%, 50%) |
| OKLCH | oklch(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.
| Paar | WCAG 2 | Ergebnis | APCA | APCA-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.
-
Stufe 50
50
#FFF0FE
oklch(97.1% 0.024 327.8)
-
Stufe 100
100
#FFDEFD
oklch(93.7% 0.054 327.9)
-
Stufe 200
200
#FFC1FB
oklch(88.5% 0.103 328.6)
-
Stufe 300
300
#FF91FB
oklch(80.8% 0.184 328.4)
-
Stufe 400
400 (diese Farbe)
#FF00FF
oklch(70.2% 0.322 328.4)
-
Stufe 500
500
#DE00DE
oklch(63.2% 0.29 328.4)
-
Stufe 600
600
#BB00BB
oklch(55.6% 0.255 328.4)
-
Stufe 700
700
#9E009E
oklch(49.1% 0.226 328.4)
-
Stufe 800
800
#830083
oklch(42.8% 0.197 328.4)
-
Stufe 900
900
#6E006E
oklch(37.8% 0.174 328.4)
-
Stufe 950
950
#440044
oklch(27.1% 0.125 328.4)
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.
| Sehen | Wirkt als | Verschiebung (ΔE) |
|---|---|---|
| Protanopie (keine Rotzapfen) | #007FFF | 0.339 |
| Deuteranopie (keine Grünzapfen) | #689BFA | 0.297 |
| Tritanopie (keine Blauzapfen) | #FF4A97 | 0.174 |
| Achromatopsie (kein Farbsehen) | #919191 | 0.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.