ColorConvert.netColor Convert

Farbe: Hellgrau

Vollständige Farbinformationen und Konvertierungstools für Hellgrau

Kategorie: gray
Farbquelle: web
Luminanz: 65.1%
Farbformate

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

HEX
#D3D3D3
RGB
211, 211, 211
HSL
0, 0, 83
HSV
0, 0, 83
CMYK
0, 0, 0, 17
LAB
85, 0, 0
Barrierefreiheit & Kontrast

Teste Hellgrau auf Barrierefreiheit und Farbkontrastverhältnisse.

Grundlegende Kontrastverhältnisse

Hellgrau on White
1.50:1
Hellgrau on Black
14.03: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

PASS
AAA Standard (Großer Text)

Erforderliches Verhältnis: 4.5:1

PASS

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 #000000 Text für optimale Lesbarkeit auf Hellgrau Hintergründen.

Ähnliche Farben

Farben ähnlich zu Hellgrau basierend auf Farbton und Sättigung.

Farbtools

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

Über die Farbe Hellgrau

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

Hellgrau hat den Hex-Code #D3D3D3 und die RGB-Werte 211, 211, 211. Im HSL-Farbraum hat sie einen Farbton von 0°, eine Sättigung von 0% und eine Helligkeit von 83%. Diese Farbe wird in allen Browsern und Design-Anwendungen umfassend unterstützt.

Farbpsychologie und Bedeutung

Entdecken Sie die psychologischen Auswirkungen und kulturelle Bedeutung von Hellgrau.

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

Design-Anwendungen

Lernen Sie, wie Sie Hellgrau 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 Hellgrau.

Farbtemperatur

Warm

Dominante Wellenlänge

620-750nm

Farbreinheit

0%

Helligkeitsindex

212/255
Verwendungsbeispiele

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

CSS-Beispiele

background-color: #D3D3D3;
color: #D3D3D3;
border: 2px solid #D3D3D3;
box-shadow: 0 4px 8px #D3D3D333;
background: linear-gradient(45deg, #D3D3D3, #ffffff);

Design-Tipps und Best Practices

Bei der Verwendung von Hellgrau 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 Hellgrau 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 Gray-Farben

Entdecken Sie andere gray-Farben, die ähnliche Eigenschaften wie Hellgrau teilen.