Einblicke in den #EDEFF8-Farbcode

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

RGB:rgb(237, 239, 248)
HSL:hsl(229, 44%, 95%)
HEX
#EDEFF8
RGB
237, 239, 248
HSL
229°, 44%, 95%
HSV
229°, 4%, 97%
CMYK
4%, 4%, 0%, 3%

Farbkonvertierung

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

#EDEFF8

≈ Stahlblau

Referenz-Farbtabellen

Niedrigeres ΔE bedeutet eine engere visuelle Übereinstimmung

Tönungen & Schattierungen

Erkunden Sie, wie sich #EDEFF8 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%#EDEFF8
10%#CAD0EA
20%#A7B1DD
30%#8492CF
40%#6173C2
50%#4457AE
60%#36468C
70%#293469
80%#1B2346
90%#0E1123
100%#000000

Tönungen

0–100 %
0%#EDEFF8
10%#EEF0F9
20%#F0F2F9
30%#F2F4FA
40%#F4F5FB
50%#F6F7FB
60%#F8F8FC
70%#F9FAFD
80%#FBFCFE
90%#FDFDFE
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 #EDEFF8 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 #EDEFF8 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#EDEFF8
Kontrastverhältnis18.30:1
WCAG-StufeAAA
Beispieltext auf weißer Text
Textfarbe#FFFFFF
Hintergrund#EDEFF8
Kontrastverhältnis1.15:1
WCAG-StufeFail
Empfohlene Textvorschau
Textfarbe#000000
Hintergrund#EDEFF8
Kontrastverhältnis18.30: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 #EDEFF8 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 #EDEFF8 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