ColorConvert.netColor Convert

Farbe: Beige

Vollständige Farbinformationen und Konvertierungstools für Beige

Kategorie: yellow
Farbquelle: web
Luminanz: 89.9%
Farbformate

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

HEX
#F5F5DC
RGB
245, 245, 220
HSL
60, 56, 91
HSV
60, 10, 96
CMYK
0, 0, 10, 4
LAB
96, -4, 12
Barrierefreiheit & Kontrast

Teste Beige auf Barrierefreiheit und Farbkontrastverhältnisse.

Grundlegende Kontrastverhältnisse

Beige on White
1.11:1
Beige on Black
18.98: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 Beige Hintergründen.

Farbtools

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

Über die Farbe Beige

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

Beige hat den Hex-Code #F5F5DC und die RGB-Werte 245, 245, 220. Im HSL-Farbraum hat sie einen Farbton von 60°, eine Sättigung von 56% und eine Helligkeit von 91%. Diese Farbe wird in allen Browsern und Design-Anwendungen umfassend unterstützt.

Farbpsychologie und Bedeutung

Entdecken Sie die psychologischen Auswirkungen und kulturelle Bedeutung von Beige.

Verbundene Emotionen

Glück, Optimismus, Kreativität, Energie, Vorsicht

Symbolik und Bedeutung

Freude, Intellekt, Helligkeit, Warnung, Feigheit

Marketing und Branding

Erregt Aufmerksamkeit, fördert Fröhlichkeit, stimuliert geistige Aktivität

Design-Anwendungen

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

Farbtemperatur

Warm

Dominante Wellenlänge

570-590nm

Farbreinheit

56%

Helligkeitsindex

232/255
Verwendungsbeispiele

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

CSS-Beispiele

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

Design-Tipps und Best Practices

Bei der Verwendung von Beige 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 Beige 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 Yellow-Farben

Entdecken Sie andere yellow-Farben, die ähnliche Eigenschaften wie Beige teilen.