ColorConvert.netColor Convert

Farbe: Blauviolett

Vollständige Farbinformationen und Konvertierungstools für Blauviolett

Kategorie: purple
Farbquelle: web
Luminanz: 12.6%
Farbformate

Konvertiere Blauviolett in alle wichtigen Farbformate. Klicke auf einen Wert, um ihn in die Zwischenablage zu kopieren.

HEX
#8A2BE2
RGB
138, 43, 226
HSL
271, 76, 53
HSV
271, 81, 89
CMYK
39, 81, 0, 11
LAB
42, 70, -75
Barrierefreiheit & Kontrast

Teste Blauviolett auf Barrierefreiheit und Farbkontrastverhältnisse.

Grundlegende Kontrastverhältnisse

Blauviolett on White
5.96:1
Blauviolett on Black
3.52:1

WCAG 2.1 Konformität

AA Standard (Normaler Text)

Erforderliches Verhältnis: 4.5:1

PASS
AA Standard (Großer Text)

Erforderliches Verhältnis: 3:1

PASS
AAA Standard (Normaler Text)

Erforderliches Verhältnis: 7:1

FAIL
AAA Standard (Großer Text)

Erforderliches Verhältnis: 4.5:1

PASS

Verwendungsempfehlungen

⚠ Gut für Barrierefreiheit

Diese Farbe erfüllt AA-Standards. Verwenden Sie white Text für beste Ergebnisse.

Empfohlene Textfarbe: Verwenden Sie #FFFFFF Text für optimale Lesbarkeit auf Blauviolett Hintergründen.

Farbtools

Professionelle Tools für die Arbeit mit Blauviolett und die Erstellung von Farbschemata.

Über die Farbe Blauviolett

Die Farbe Blauviolett (#8A2BE2) ist eine purple-Farbe, die zur websicheren Farbpalette gehört. Diese umfassende Anleitung behandelt alles, was Sie über Blauviolett wissen müssen, einschließlich technischer Spezifikationen, psychologischer Auswirkungen, Design-Anwendungen und praktischer Beispiele.

Blauviolett hat den Hex-Code #8A2BE2 und die RGB-Werte 138, 43, 226. Im HSL-Farbraum hat sie einen Farbton von 271°, eine Sättigung von 76% und eine Helligkeit von 53%. Diese Farbe wird in allen Browsern und Design-Anwendungen umfassend unterstützt.

Farbpsychologie und Bedeutung

Entdecken Sie die psychologischen Auswirkungen und kulturelle Bedeutung von Blauviolett.

Verbundene Emotionen

Luxus, Kreativität, Mysterium, Spiritualität, Weisheit

Symbolik und Bedeutung

Königtum, Adel, Eleganz, Magie, Vorstellungskraft

Marketing und Branding

Premium-Produkte, Schönheit, Anti-Aging, kreative Dienstleistungen

Design-Anwendungen

Lernen Sie, wie Sie Blauviolett effektiv in verschiedenen Design-Kontexten verwenden.

Webdesign

  • Headers
  • Links
  • Corporate themes
  • Trust indicators
  • Professional layouts

Innenarchitektur

  • Bedrooms
  • Bathrooms
  • Office spaces
  • Coastal themes

Grafikdesign

  • Corporate branding
  • Healthcare materials
  • Technology themes
  • Professional presentations

Mode und Kleidung

  • Business attire
  • Denim
  • Formal wear
  • Casual shirts
Technische Spezifikationen

Vollständige technische Details und Farbrauminformationen für Blauviolett.

Farbtemperatur

Neutral

Dominante Wellenlänge

380-450nm

Farbreinheit

76%

Helligkeitsindex

135/255
Verwendungsbeispiele

Praktische Beispiele und Code-Snippets zeigen, wie Blauviolett verwendet wird.

CSS-Beispiele

background-color: #8A2BE2;
color: #8A2BE2;
border: 2px solid #8A2BE2;
box-shadow: 0 4px 8px #8A2BE233;
background: linear-gradient(45deg, #8A2BE2, #bd5eff);

Design-Tipps und Best Practices

Bei der Verwendung von Blauviolett im Design sollten Sie die psychologischen Auswirkungen und kulturellen Assoziationen berücksichtigen. Diese Farbe funktioniert gut in web design, branding, and marketing materials und kann effektiv mit Komplementärfarben kombiniert werden, um beeindruckende visuelle Kombinationen zu schaffen.

Barrierefreiheitsüberlegungen

Wenn Sie Blauviolett für Text oder Hintergründe verwenden, stellen Sie sicher, dass die Kontrastverhältnisse ausreichend sind, um die Barrierefreiheitsanforderungen zu erfüllen. Testen Sie Ihre Farbkombinationen nach WCAG-Richtlinien, um die Lesbarkeit für alle Benutzer zu gewährleisten.

Verwandte Purple-Farben

Entdecken Sie andere purple-Farben, die ähnliche Eigenschaften wie Blauviolett teilen.