ColorConvert.netColor Convert

Farbe: Rot

Vollständige Farbinformationen und Konvertierungstools für Rot

Kategorie: red
Farbquelle: web
Luminanz: 21.3%
Farbformate

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

HEX
#FF0000
RGB
255, 0, 0
HSL
0, 100, 50
HSV
0, 100, 100
CMYK
0, 100, 100, 0
LAB
53, 80, 67
Barrierefreiheit & Kontrast

Teste Rot auf Barrierefreiheit und Farbkontrastverhältnisse.

Grundlegende Kontrastverhältnisse

Rot on White
4.00:1
Rot on Black
5.25: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

FAIL
AAA Standard (Großer Text)

Erforderliches Verhältnis: 4.5:1

PASS

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 Rot Hintergründen.

Ähnliche Farben

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

Farbtools

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

Über die Farbe Rot

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

Rot hat den Hex-Code #FF0000 und die RGB-Werte 255, 0, 0. Im HSL-Farbraum hat sie einen Farbton von 0°, 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 Rot.

Verbundene Emotionen

Leidenschaft, Energie, Aufregung, Kraft, Liebe, Wut

Symbolik und Bedeutung

Stärke, Mut, Entschlossenheit, Gefahr, Warnung

Marketing und Branding

Erzeugt Dringlichkeit, regt Appetit an, erregt Aufmerksamkeit

Design-Anwendungen

Lernen Sie, wie Sie Rot effektiv in verschiedenen Design-Kontexten verwenden.

Webdesign

  • Call-to-action buttons
  • Error messages
  • Sale/discount badges
  • Navigation highlights

Innenarchitektur

  • Accent walls
  • Dining room decor
  • Kitchen accessories
  • Bold furniture pieces

Grafikdesign

  • Headlines
  • Sale promotions
  • Warning signs
  • Logo accents

Mode und Kleidung

  • Evening wear
  • Power suits
  • Accessories
  • Statement pieces
Technische Spezifikationen

Vollständige technische Details und Farbrauminformationen für Rot.

Farbtemperatur

Warm

Dominante Wellenlänge

620-750nm

Farbreinheit

100%

Helligkeitsindex

127/255
Verwendungsbeispiele

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

CSS-Beispiele

background-color: #FF0000;
color: #FF0000;
border: 2px solid #FF0000;
box-shadow: 0 4px 8px #FF000033;
background: linear-gradient(45deg, #FF0000, #ff3333);

Design-Tipps und Best Practices

Bei der Verwendung von Rot 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 Rot 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 Red-Farben

Entdecken Sie andere red-Farben, die ähnliche Eigenschaften wie Rot teilen.