Einblicke in den #B47ECD-Farbcode

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

RGB:rgb(180, 126, 205)
HSL:hsl(281, 44%, 65%)
HEX
#B47ECD
RGB
180, 126, 205
HSL
281°, 44%, 65%
HSV
281°, 39%, 80%
CMYK
12%, 39%, 0%, 20%

Farbkonvertierung

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

#B47ECD

≈ Stahlblau

Referenz-Farbtabellen

Niedrigeres ΔE bedeutet eine engere visuelle Übereinstimmung

Tönungen & Schattierungen

Erkunden Sie, wie sich #B47ECD 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%#B47ECD
10%#A667C4
20%#984FBA
30%#8741A7
40%#73388F
50%#602E77
60%#4D255F
70%#3A1C48
80%#261330
90%#130918
100%#000000

Tönungen

0–100 %
0%#B47ECD
10%#BC8BD2
20%#C398D7
30%#CBA5DC
40%#D2B2E1
50%#DABFE6
60%#E1CCEB
70%#E9D8F0
80%#F0E5F5
90%#F8F2FA
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 #B47ECD 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 #B47ECD 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#B47ECD
Kontrastverhältnis6.81:1
WCAG-StufeAA
Beispieltext auf weißer Text
Textfarbe#FFFFFF
Hintergrund#B47ECD
Kontrastverhältnis3.09:1
WCAG-StufeFail
Empfohlene Textvorschau
Textfarbe#000000
Hintergrund#B47ECD
Kontrastverhältnis6.81:1
WCAG-StufeAA

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 #B47ECD 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 #B47ECD 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