ColorConvert.netColor Convert

Farbe: Blau

Vollständige Farbinformationen und Konvertierungstools für Blau

Kategorie: blue
Farbquelle: web
Luminanz: 7.2%
Farbformate

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

HEX
#0000FF
RGB
0, 0, 255
HSL
240, 100, 50
HSV
240, 100, 100
CMYK
100, 100, 0, 0
LAB
32, 79, -108
Barrierefreiheit & Kontrast

Teste Blau auf Barrierefreiheit und Farbkontrastverhältnisse.

Grundlegende Kontrastverhältnisse

Blau on White
8.59:1
Blau on Black
2.44: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 #FFFFFF Text für optimale Lesbarkeit auf Blau Hintergründen.

Farbtools

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

Über die Farbe Blau

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

Blau hat den Hex-Code #0000FF und die RGB-Werte 0, 0, 255. Im HSL-Farbraum hat sie einen Farbton von 240°, eine Sättigung von 100% und eine Helligkeit von 50%. Diese Farbe wird in allen Browsern und Design-Anwendungen umfassend unterstützt.

Farbpsychologie und Bedeutung

Entdecken Sie die psychologischen Auswirkungen und kulturelle Bedeutung von Blau.

Verbundene Emotionen

Vertrauen, Ruhe, Stabilität, Frieden, Loyalität, Trauer

Symbolik und Bedeutung

Zuverlässigkeit, Professionalität, Sicherheit, Gelassenheit

Marketing und Branding

Baut Vertrauen auf, fördert Ruhe, professionelles Erscheinungsbild

Design-Anwendungen

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

Farbtemperatur

Cool

Dominante Wellenlänge

450-495nm

Farbreinheit

100%

Helligkeitsindex

127/255
Verwendungsbeispiele

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

CSS-Beispiele

background-color: #0000FF;
color: #0000FF;
border: 2px solid #0000FF;
box-shadow: 0 4px 8px #0000FF33;
background: linear-gradient(45deg, #0000FF, #3333ff);

Design-Tipps und Best Practices

Bei der Verwendung von Blau 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 Blau 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 Blue-Farben

Entdecken Sie andere blue-Farben, die ähnliche Eigenschaften wie Blau teilen.