Farbe: Grau
Vollständige Farbinformationen und Konvertierungstools für Grau
Konvertiere Grau in alle wichtigen Farbformate. Klicke auf einen Wert, um ihn in die Zwischenablage zu kopieren.
Teste Grau 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
⚠ Gut für Barrierefreiheit
Diese Farbe erfüllt AA-Standards. Verwenden Sie black Text für beste Ergebnisse.
Empfohlene Textfarbe: Verwenden Sie #000000 Text für optimale Lesbarkeit auf Grau Hintergründen.
Farben ähnlich zu Grau basierend auf Farbton und Sättigung.
Über die Farbe Grau
Die Farbe Grau (#808080) ist eine gray-Farbe, die zur websicheren Farbpalette gehört. Diese umfassende Anleitung behandelt alles, was Sie über Grau wissen müssen, einschließlich technischer Spezifikationen, psychologischer Auswirkungen, Design-Anwendungen und praktischer Beispiele.
Grau hat den Hex-Code #808080 und die RGB-Werte 128, 128, 128. Im HSL-Farbraum hat sie einen Farbton von 0°, eine Sättigung von 0% und eine Helligkeit von 50%. Diese Farbe wird in allen Browsern und Design-Anwendungen umfassend unterstützt.
Entdecken Sie die psychologischen Auswirkungen und kulturelle Bedeutung von Grau.
Verbundene Emotionen
Neutralität, Balance, Praktisch, Modern, Ruhe
Symbolik und Bedeutung
Ausgeglichenheit, Neutral, Professionell, Stabilität, Praktisch
Marketing und Branding
Professionelle Dienste, Unternehmensmarken, modernes Design, praktische Produkte
Lernen Sie, wie Sie Grau 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 Grau.
Farbtemperatur
Dominante Wellenlänge
Farbreinheit
Helligkeitsindex
Praktische Beispiele und Code-Snippets zeigen, wie Grau verwendet wird.
CSS-Beispiele
Design-Tipps und Best Practices
Bei der Verwendung von Grau 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 Grau 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.