Einblicke in den #1D4929-Farbcode

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

RGB:rgb(29, 73, 41)
HSL:hsl(136, 43%, 20%)
HEX
#1D4929
RGB
29, 73, 41
HSL
136°, 43%, 20%
HSV
136°, 60%, 29%
CMYK
60%, 0%, 44%, 71%

Farbkonvertierung

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

#1D4929

≈ Stahlblau

Referenz-Farbtabellen

Niedrigeres ΔE bedeutet eine engere visuelle Übereinstimmung

Tönungen & Schattierungen

Erkunden Sie, wie sich #1D4929 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%#1D4929
10%#1A4225
20%#173A21
30%#14331D
40%#112C18
50%#0F2414
60%#0C1D10
70%#09160C
80%#060F08
90%#030704
100%#000000

Tönungen

0–100 %
0%#1D4929
10%#296639
20%#348349
30%#40A05A
40%#50B96C
50%#6DC585
60%#8AD09D
70%#A7DCB6
80%#C5E8CE
90%#E2F3E7
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 #1D4929 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 #1D4929 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#1D4929
Kontrastverhältnis2.04:1
WCAG-StufeFail
Beispieltext auf weißer Text
Textfarbe#FFFFFF
Hintergrund#1D4929
Kontrastverhältnis10.31:1
WCAG-StufeAAA
Empfohlene Textvorschau
Textfarbe#FFFFFF
Hintergrund#1D4929
Kontrastverhältnis10.31: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 #1D4929 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 #1D4929 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