Farbe: Indigo
Vollständige Farbinformationen und Konvertierungstools für Indigo
Konvertiere Indigo in alle wichtigen Farbformate. Klicke auf einen Wert, um ihn in die Zwischenablage zu kopieren.
Teste Indigo auf Barrierefreiheit und Farbkontrastverhältnisse.
Grundlegende Kontrastverhältnisse
WCAG 2.1 Konformität
Erforderliches Verhältnis: 4.5:1
Erforderliches Verhältnis: 3:1
Erforderliches Verhältnis: 7:1
Erforderliches Verhältnis: 4.5:1
Verwendungsempfehlungen
✓ Ausgezeichnet für Barrierefreiheit
Diese Farbe erfüllt AAA-Standards und ist für alle Textgrößen und UI-Elemente geeignet.
Empfohlene Textfarbe: Verwenden Sie #FFFFFF Text für optimale Lesbarkeit auf Indigo Hintergründen.
Farben ähnlich zu Indigo basierend auf Farbton und Sättigung.
Über die Farbe Indigo
Die Farbe Indigo (#4B0082) ist eine purple-Farbe, die zur websicheren Farbpalette gehört. Diese umfassende Anleitung behandelt alles, was Sie über Indigo wissen müssen, einschließlich technischer Spezifikationen, psychologischer Auswirkungen, Design-Anwendungen und praktischer Beispiele.
Indigo hat den Hex-Code #4B0082 und die RGB-Werte 75, 0, 130. Im HSL-Farbraum hat sie einen Farbton von 275°, eine Sättigung von 100% und eine Helligkeit von 25%. Diese Farbe wird in allen Browsern und Design-Anwendungen umfassend unterstützt.
Entdecken Sie die psychologischen Auswirkungen und kulturelle Bedeutung von Indigo.
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
Lernen Sie, wie Sie Indigo 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
Vollständige technische Details und Farbrauminformationen für Indigo.
Farbtemperatur
Dominante Wellenlänge
Farbreinheit
Helligkeitsindex
Praktische Beispiele und Code-Snippets zeigen, wie Indigo verwendet wird.
CSS-Beispiele
Design-Tipps und Best Practices
Bei der Verwendung von Indigo 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 Indigo 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.