Tailwind CSS-Farbe Purple 700: Codes und Konvertierung
Hier sehen Sie die exakten Werte für purple-700 und können die voreingestellte Farbe direkt in Web- und Druckformate umrechnen. #7E22CE ist bereits geladen, damit Sie ohne zusätzliche Schritte loslegen können.
4.9 /5 (Оценок: 147)
Unterstutzt HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH und CSS-Farbnamen
Maske: #E4002B
Erkanntes Format: RGBGefundene Palette: purple-700
Alle Farbformate
RGB
CMYK
HSL
HSV / HSB
LAB
HWB
OKLCH
Farbvorschau
Öffnen Sie die Systempalette und wählen Sie einen Farbton direkt aus.
Aktueller Wert: #7E22CE
Gewahlte Farbflache: purple-700
Ahnliche Farben in Paletten
Die nächsten Töne aus Tailwind, Material und Web Safe fur die aktuelle Farbe.
Tailwind
purple-700
#7E22CE
violet-700
#6D28D9
purple-600
#9333EA
violet-600
#7C3AED
violet-800
#5B21B6
purple-800
#6B21A8
Material
purple-600
#8E24AA
deep-purple-500
#673AB7
purple-500
#9C27B0
purple-700
#7B1FA2
deep-purple-600
#5E35B1
deep-purple-400
#7E57C2
Web Safe
#6633CC
#6633CC
#9933CC
#9933CC
#6600CC
#6600CC
#9900CC
#9900CC
#6633FF
#6633FF
#9933FF
#9933FF
Slate
11Gray
11Zinc
11Neutral
11Stone
11Red
11Orange
11Amber
11Yellow
11Lime
11Green
11Emerald
11Teal
11Cyan
11Sky
11Blue
11Indigo
11Violet
11Purple
11Fuchsia
11Pink
11Rose
11System
tailwind
Familie
Purple
HEX
#7E22CE
So nutzen Sie diese Farbe im Projekt
purple-700 ist ein dunkeler Farbwert aus Tailwind CSS und eignet sich je nach Intensitat fur Hintergrunde, Akzente oder UI-Tokens. Auf dieser Seite konnen Sie denselben Farbwert in HEX, RGB, HSL, LAB und OKLCH prufen, bevor er in Komponenten oder Stylesheets landet.
Kombination im Interface
Bewerten Sie purple-700 nicht allein: vergleichen Sie benachbarte Abstufungen derselben Familie Purple und testen Sie den Kontrast auf hellen und dunklen Flachen. So lassen sich sinnvolle Default-, Hover- und Fokuszustande schneller aufbauen.
Was vor dem Export zu prufen ist
Ein robuster Ablauf ist: mit HEX #7E22CE starten, danach CMYK und LAB fur drucknahe Medien prufen und OKLCH fur feinere UI-Anpassungen nutzen. Das reduziert Abweichungen zwischen Figma, CSS-Variablen und exportierten Unterlagen.
Ahnliche Tone aus derselben Palette
Schnelle Links zu benachbarten Farben fur Kontrast- und Codevergleich.