#808080 Verblasstes Echo

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

    Farbkonvertierung

    HEX

    #808080Verblasstes Echo

    HEX
    #808080
    HSL
    0, 0, 50
    RGB
    128, 128, 128
    XYZ
    21, 22, 24
    CMYK
    0, 0, 0, 50
    LUV
    54,9,4
    LAB
    54, 0, 0
    HWB
    0, 50, 50

    Über diese Farbe

    nachdenklich und gedämpft

    Diese sanfte Graufarbe, wie der Nebel am frühen Morgen, evoziert ein Gefühl der Melancholie und der stillen Reflexion. Sie trägt die Schwingungen von Erinnerungen und vergänglicher Schönheit in sich.

    Psychologie

    Psychologische Eigenschaften und emotionale Assoziationen

    neutral
    ausgeglichen
    unterstützend
    unauffällig
    zeitlos

    Wirkung

    Diese Farbe vermittelt ein Gefühl der Stabilität und des Gleichgewichts, fördert jedoch auch eine gewisse Distanz und Nachdenklichkeit.

    Bedeutung & Symbolik

    Kulturelle Symbolik und Bedeutung

    Weisheit
    Ruhigkeit
    Traurigkeit
    Vergänglichkeit
    Neutralität

    Kulturelle Bedeutung

    In vielen Kulturen wird Grau oft mit Weisheit und Erfahrung assoziiert. In der westlichen Kultur kann es Traurigkeit und Verlust symbolisieren, während es in asiatischen Kulturen Neutralität und Harmonie darstellt.

    Design-Anwendungen

    Wie diese Farbe in verschiedenen Bereichen eingesetzt wird

    Innendesign

    In der Inneneinrichtung wird Verblasstes Echo oft verwendet, um Räume zu beruhigen und eine entspannte Atmosphäre zu schaffen.

    Mode

    In der Mode wird diese Farbe häufig eingesetzt, um zeitlose Eleganz und Vielseitigkeit auszudrücken.

    Grafikdesign

    Im Grafikdesign dient Grau oft als neutraler Hintergrund, der andere Farben hervorhebt und eine klare visuelle Hierarchie schafft.

    Kunst

    In der Malerei wird Grau verwendet, um Tiefe und Dimension zu erzeugen, oft in Porträts und Landschaften.

    Technologie

    In der Technologie ist Grau eine beliebte Farbwahl für Benutzeroberflächen, da es Professionalität und Modernität ausstrahlt.

    Historische Bedeutung

    Geschichte und Herkunft dieser Farbe

    Grau hat eine lange Geschichte in der Kunst und Architektur, die bis in die Antike zurückreicht. Es wurde von Künstlern genutzt, um Schatten und Tiefe zu erzeugen, und fand seinen Platz in den klassischen Gemälden der Renaissance. In der modernen Architektur wird Grau häufig verwendet, um eine minimalistische und zeitgenössische Ästhetik zu fördern.

    In der heutigen Kultur hat Grau eine besondere Bedeutung erlangt, vor allem in der Mode und im Design. Es wird oft als Symbol für Raffinesse und Eleganz betrachtet. Die Vielseitigkeit dieser Farbe ermöglicht es, mit verschiedenen Tönen und Texturen zu experimentieren, was sie zu einer beliebten Wahl in der kreativen Welt macht.

    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.

    #808080
    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 #808080?
    #808080 ist Verblasstes Echo – Diese sanfte Graufarbe, wie der Nebel am frühen Morgen, evoziert ein Gefühl der Melancholie und der stillen Reflexion. Sie trägt die Schwingungen von Erinnerungen und vergänglicher Schönheit in sich.