#DDDDDD Sanfter Nebel

    Generiere Farb-Codes, Variationen, Harmonien und überprüfe Kontrastverhältnisse.

    Farbkonvertierung

    HEX

    #ddddddSanfter Nebel

    HEX
    #dddddd
    HSL
    0, 0, 87
    RGB
    221, 221, 221
    XYZ
    69, 72, 79
    CMYK
    0, 0, 0, 13
    LUV
    88,15,6
    LAB
    88, 0, 0
    HWB
    0, 87, 13

    Über diese Farbe

    ruhig und gelassen

    Diese Farbe erinnert an das zarte Licht eines nebligen Morgens, wenn die Welt in sanften Grautönen gehüllt ist. Sie vermittelt ein Gefühl von Ruhe und Unbeschwertheit, als ob die Zeit stillsteht.

    Psychologie

    Psychologische Eigenschaften und emotionale Assoziationen

    neutral
    ausgeglichen
    unterstützend
    schützend
    unauffällig

    Wirkung

    Die Farbe fördert ein Gefühl der Gelassenheit und des Wohlbefindens, indem sie eine beruhigende Atmosphäre schafft.

    Bedeutung & Symbolik

    Kulturelle Symbolik und Bedeutung

    Harmonie
    Ruhe
    Vertrautheit
    Neutralität
    Sanftheit

    Kulturelle Bedeutung

    In vielen Kulturen steht Grau für Weisheit und Reife. In der westlichen Welt wird es oft mit Eleganz und Formalität assoziiert, während es in östlichen Kulturen auch für den Übergang und Wandel symbolisiert wird.

    Design-Anwendungen

    Wie diese Farbe in verschiedenen Bereichen eingesetzt wird

    Innenarchitektur

    Sanfter Nebel wird häufig in Wohnräumen eingesetzt, um eine ruhige und entspannende Umgebung zu schaffen.

    Mode

    In der Mode wird diese Farbe oft verwendet, um schlichte Eleganz auszustrahlen und sich harmonisch in verschiedene Stile einzufügen.

    Grafikdesign

    Im Grafikdesign sorgt Sanfter Nebel für einen klaren, modernen Look, der nicht von den Hauptinhalten ablenkt.

    Webdesign

    Diese Farbe wird oft als Hintergrundfarbe genutzt, um die Lesbarkeit zu fördern und eine angenehme Benutzererfahrung zu gewährleisten.

    Kunst

    In der Malerei wird Sanfter Nebel verwendet, um atmosphärische Effekte zu erzeugen und den Betrachter in eine ruhige Stimmung zu versetzen.

    Historische Bedeutung

    Geschichte und Herkunft dieser Farbe

    Historisch gesehen hat Grau als Farbe eine lange Tradition, die bis in die Antike zurückreicht, wo es oft als Symbol für Bescheidenheit und Demut verwendet wurde. In der Renaissance wurde es häufig in Gemälden verwendet, um Tiefe und Schatten zu erzeugen, wobei Künstler wie Leonardo da Vinci die subtilen Grautöne meisterhaft einsetzten.

    In der modernen Zeit hat Sanfter Nebel an Popularität gewonnen, insbesondere in der minimalistischen Architektur und dem skandinavischen Design, wo er eine zentrale Rolle spielt, um eine ruhige und harmonische Atmosphäre zu schaffen. Diese Farbe hat sich auch in der digitalen Welt etabliert, wo sie für ihre Vielseitigkeit und zeitlose Eleganz geschätzt wird.

    Variationen

    Ziel dieses Abschnitts ist es, Töne (reines Weiß hinzugefügt) und Schattierungen (reines Schwarz hinzugefügt) deiner ausgewählten Farbe in 10%-Schritten genau zu erzeugen.

    Profi-Tipp: Verwende Schattierungen für Hover-Zustände und Schatten, Töne für Highlights und Hintergründe.

    Schattierungen

    Dunklere Variationen, die durch Hinzufügen von Schwarz zu deiner Basisfarbe erstellt werden.

    Töne

    Hellere Variationen, die durch Hinzufügen von Weiß zu deiner Basisfarbe erstellt werden.

    Häufige Anwendungsfälle

    • UI-Komponenten-Zustände (Hover, aktiv, deaktiviert)
    • Tiefe mit Schatten und Highlights erzeugen
    • Konsistente Farbsysteme aufbauen

    Designsystem-Tipp

    Diese Variationen bilden die Grundlage einer kohärenten Farbpalette. Exportiere sie, um Konsistenz in deinem gesamten Projekt zu gewährleisten.

    Farbkombinationen

    Jede Harmonie hat ihre eigene Stimmung. Verwende Harmonien, um Farbkombinationen zu brainstormen, die gut zusammenpassen.

    So verwendest du es

    Klicke auf eine beliebige Farbe, um ihren Hex-Wert zu kopieren. Diese Kombinationen sind mathematisch bewiesen, um visuelle Harmonie zu schaffen.

    Warum es wichtig ist

    Farbharmonien schaffen Balance und rufen spezifische Emotionen in deinen Designs hervor.

    Komplementär

    Eine Farbe und ihr Gegenüber auf dem Farbkreis, +180 Grad Farbton. Hoher Kontrast.

    #dddddd
    Am besten geeignet für: Auffällige Designs, CTAs, Logos

    Gesplittet-komplementär

    Eine Farbe und zwei angrenzende zu ihrem Komplementär, +/-30 Grad Farbton vom Wert gegenüber der Hauptfarbe. Kühn wie ein direktes Komplementär, aber vielseitiger.

    Am besten geeignet für: Lebendige, aber ausgewogene Layouts

    Triadisch

    Drei Farben gleichmäßig entlang des Farbkreises verteilt, jeweils 120 Grad Farbton auseinander. Am besten eine Farbe dominieren lassen und die anderen als Akzente verwenden.

    Am besten geeignet für: Verspielte, energiegeladene Designs

    Analog

    Drei Farben mit gleicher Leuchtkraft und Sättigung, deren Farbtöne auf dem Farbkreis benachbart sind, 30 Grad auseinander. Sanfte Übergänge.

    Am besten geeignet für: Von der Natur inspirierte, beruhigende Oberflächen

    Monochromatisch

    Drei Farben mit demselben Farbton und Leuchtkraftwerten von +/-50%. Subtil und raffiniert.

    Am besten geeignet für: Minimalistische, anspruchsvolle Designs

    Tetradisch

    Zwei Sätze von Komplementärfarben, getrennt durch 60 Grad Farbton.

    Am besten geeignet für: Reiche, vielfältige Farbschemata

    Grundlagen der Farbtheorie

    Balance

    Verwende eine dominante Farbe, unterstütze mit sekundären und setze Akzente sparsam.

    Kontrast

    Sorge für ausreichenden Kontrast für Lesbarkeit und Zugänglichkeit.

    Harmonie

    Farben sollten zusammenarbeiten, um ein einheitliches visuelles Erlebnis zu schaffen.

    Farbkontrastprüfer

    Teste Farbkombinationen, um sicherzustellen, dass sie den WCAG-Zugänglichkeitsstandards für Textlesbarkeit entsprechen.

    Textfarbe
    Hintergrundfarbe
    Kontrast
    1.00
    Fail
    Sehr schlecht
    Kleiner Text
    ✖︎
    Großer Text
    ✖︎
    WCAG-Standards
    AA:Minimales Kontrastverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text. Erforderlich für die meisten Websites.
    AAA:Erweitertes Kontrastverhältnis von 7:1 für normalen Text und 4,5:1 für großen Text. Empfohlen für optimale Zugänglichkeit.
    Unzureichender Kontrast für alle Textgrößen - entspricht nicht den WCAG-Standards.

    Erweiterter Kontrastprüfer

    Feinabstimmung mit Schiebereglern, mehreren Vorschauen & mehr

    Jeder ist ein Genie. Aber wenn du einen Fisch danach beurteilst, ob er auf einen Baum klettern kann, wird er sein ganzes Leben glauben, dass er dumm ist.

    - Albert Einstein

    Technische Formate

    Praktische Formate

    Farbanalyse

    Blindheitssimulator

    Kreative Aspekte

    Häufig gestellte Fragen

    Welche Farbe ist #DDDDDD?
    #DDDDDD ist Sanfter Nebel – Diese Farbe erinnert an das zarte Licht eines nebligen Morgens, wenn die Welt in sanften Grautönen gehüllt ist. Sie vermittelt ein Gefühl von Ruhe und Unbeschwertheit, als ob die Zeit stillsteht.