Einblicke in den #813253-Farbcode

Alle Konvertierungen, Harmonien und Barrierefreiheitsprüfungen, die Sie für ein sicheres Design benötigen.

RGB:rgb(129, 50, 83)
HSL:hsl(335, 44%, 35%)
HEX
#813253
RGB
129, 50, 83
HSL
335°, 44%, 35%
HSV
335°, 61%, 51%
CMYK
0%, 61%, 36%, 49%

Farbkonvertierung

Generieren Sie Werte über mehrere Farbmodelle hinweg an einem Ort.

#813253

≈ Stahlblau

Referenz-Farbtabellen

Niedrigeres ΔE bedeutet eine engere visuelle Übereinstimmung

Tönungen & Schattierungen

Erkunden Sie, wie sich #813253 verhält, wenn Sie es mit Weiß oder Schwarz mischen. Diese Farbfelder eignen sich perfekt für Hover-Zustände, Schatten und Hintergründe.

Fahren Sie mit der Maus über einen Hex-Wert, um ihn zu kopieren und in Ihrer gesamten Benutzeroberfläche wiederzuverwenden.

Schattierungen

0–100 %
0%#813253
10%#742D4A
20%#672842
30%#5A233A
40%#4D1E32
50%#401929
60%#331421
70%#270F19
80%#1A0A11
90%#0D0508
100%#000000

Tönungen

0–100 %
0%#813253
10%#983B62
20%#B04571
30%#BE5882
40%#C77094
50%#D188A6
60%#DAA0B8
70%#E3B7CA
80%#ECCFDB
90%#F6E7ED
100%#FFFFFF

Häufige Anwendungsfälle

  • Zustände von UI-Komponenten (Hover, aktiv, deaktiviert)
  • Erzeugen von Tiefe mit Schatten und Lichtern
  • Aufbau konsistenter Farbsysteme

Designsystem

Tipp zum Designsystem

Diese Variationen bilden die Grundlage einer kohäsiven Palette. Exportieren Sie sie, um Marketing, Produkt und Technik aufeinander abzustimmen.

Palette exportieren

Farbharmonien

Erstellen Sie sofort ausgewogene Paletten mit Harmonien, die aus #813253 generiert wurden.

Klicken Sie auf ein Farbfeld, um dessen Detailseite zu öffnen und weiter zu erkunden.

Anwendung

Wählen Sie eine dominante Farbe und lassen Sie unterstützende Farbtöne als Akzente für Typografie, Oberflächen und Call-to-Action-Buttons wirken.

Warum es wichtig ist

Ausgewogene Harmonien vermitteln eine Absicht – ruhig, energisch, hochwertig – ohne Ihr Layout zu überladen.

Komplementär

Gegenüberliegende Farbtöne, die Wirkung und kühnen Kontrast erzeugen.

Am besten geeignet für

Wirkungsvolle CTAs, Logos und Hero-Sektionen

Analog

Benachbarte Farbtöne für natürliche, fließende Farbverläufe.

Am besten geeignet für

Von der Natur inspirierte, beruhigende Dashboards

Triadisch

Drei gleichmäßig verteilte Farbtöne für spielerische Balance.

Am besten geeignet für

Spielerisches Branding und redaktionelle Layouts

Tetradisch

Zwei komplementäre Paare, die eine reiche Vielfalt bieten.

Am besten geeignet für

Illustrationen und Marketing-Experimente

Monochromatisch

Hellere und dunklere Geschwister innerhalb derselben Farbfamilie.

Am besten geeignet für

Minimalistische Benutzeroberflächen und Premium-UI-Zustände

Barrierefreiheitskontrast

Prüfen Sie, wie gut #813253 mit gängigen Textfarben lesbar ist, damit jeder Besucher eine klare Erfahrung genießt.

Verwenden Sie AA als Basislinie für Fließtext und AAA für erstklassige Barrierefreiheit.

Beispieltext auf schwarzer Text
Textfarbe#000000
Hintergrund#813253
Kontrastverhältnis2.51:1
WCAG-StufeFail
Beispieltext auf weißer Text
Textfarbe#FFFFFF
Hintergrund#813253
Kontrastverhältnis8.35:1
WCAG-StufeAAA
Empfohlene Textvorschau
Textfarbe#FFFFFF
Hintergrund#813253
Kontrastverhältnis8.35:1
WCAG-StufeAAA

Technische Formate

Schalten Sie professionelle Farbräume wie XYZ, LAB, CMYK-Varianten und exportbereite Profile frei.

Kostenlos registrieren

Praktische Formate

Erhalten Sie Drucksimulationen, LED-Mappings und entwicklerbereite Byte-Reihenfolgen.

Kostenlos registrieren

Farbanalyse

Tauchen Sie ein in Spektraldaten, Dominanzberichte und erweiterte Analysen.

Kostenlos registrieren

Blindheitssimulator

Sehen Sie eine Vorschau, wie #813253 bei gängigen Farbsehschwächen erscheint.

Kostenlos registrieren

Kreative Aspekte

Erkunden Sie saisonale Assoziationen, emotionale Hinweise und natürliche Vorkommen.

Kostenlos registrieren

Design-Anleitung

Balance

Behandeln Sie #813253 als Akzent. Kombinieren Sie es mit neutralen Farben und einem unterstützenden Farbton, um eine visuelle Überlastung zu vermeiden.

Kontrast

Testen Sie Kombinationen mit echtem Inhalt. Höherer Kontrast verbessert das Scannen, die Lesbarkeit und die Konversionen.

Harmonie

Verwenden Sie hellere Tönungen für Oberflächen, die Basisfarbe für Primärfarben und dunklere Schattierungen für Hover- oder gedrückte Zustände.

Benötigen Sie eine andere Farbe?

Springen Sie zurück zur Farbauswahl, um Bilder hochzuladen, Paletten zu generieren und neue Farbbeziehungen zu erkunden.

Farbauswahl öffnen