Einblicke in den #EDF8EF-Farbcode

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

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

Farbkonvertierung

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

#EDF8EF

≈ Stahlblau

Referenz-Farbtabellen

Niedrigeres ΔE bedeutet eine engere visuelle Übereinstimmung

Tönungen & Schattierungen

Erkunden Sie, wie sich #EDF8EF 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%#EDF8EF
10%#CAEAD0
20%#A7DDB1
30%#84CF92
40%#61C273
50%#44AE57
60%#368C46
70%#296934
80%#1B4623
90%#0E2311
100%#000000

Tönungen

0–100 %
0%#EDF8EF
10%#EEF9F0
20%#F0F9F2
30%#F2FAF4
40%#F4FBF5
50%#F6FBF7
60%#F8FCF8
70%#F9FDFA
80%#FBFEFC
90%#FDFEFD
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 #EDF8EF 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 #EDF8EF 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#EDF8EF
Kontrastverhältnis19.27:1
WCAG-StufeAAA
Beispieltext auf weißer Text
Textfarbe#FFFFFF
Hintergrund#EDF8EF
Kontrastverhältnis1.09:1
WCAG-StufeFail
Empfohlene Textvorschau
Textfarbe#000000
Hintergrund#EDF8EF
Kontrastverhältnis19.27: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 #EDF8EF 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 #EDF8EF 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