Farbkonvertierung
#64493e
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.
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.
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.
Analog
Drei Farben mit gleicher Leuchtkraft und Sättigung, deren Farbtöne auf dem Farbkreis benachbart sind, 30 Grad auseinander. Sanfte Übergänge.
Monochromatisch
Drei Farben mit demselben Farbton und Leuchtkraftwerten von +/-50%. Subtil und raffiniert.
Tetradisch
Zwei Sätze von Komplementärfarben, getrennt durch 60 Grad Farbton.
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
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.
Technische Formate
Praktische Formate
Farbanalyse
Blindheitssimulator
Kreative Aspekte
Häufig gestellte Fragen
- Welche Farbe ist #64493E?
- #64493E ist Mokka-Atelier – Ein gedämpftes, warmes Braun mit rötlich-walnussiger Tiefe und samtiger Mattheit. Es vermittelt behagliche Vertrautheit und handwerklich-elegante Zurückhaltung.
- Was symbolisiert Mokka-Atelier?
- Erde und Herkunft, Handwerk und Authentizität, gereifte Qualität, Bescheidenen Luxus, Zeitlose Beständigkeit. In westeuropäischen Traditionen steht ein solcher Braunton für Leder, Handwerk und Historie; in japanischer Ästhetik passt er zur Wabi‑Sabi‑Vorliebe für gealterte Materialien; in südasiatischen Kontexten erinnert er an Erde und Gewürze und vermittelt Bodenständigkeit und Wärme.
- Wo wird Mokka-Atelier im Design eingesetzt?
- In Räumen wirkt die Farbe beruhigend und erdend, sie fördert Konzentration und eine intime Atmosphäre. In Grafik und Branding gibt sie Produkten eine hochwertige, handgemachte Anmutung ohne laut zu wirken.
- Welche Farben passen gut zu Mokka-Atelier?
- Mokka-Atelier harmoniert gut mit #9BB6C1, #7A5A4A, #C19B5A. #9BB6C1: Komplementäres, entsättigtes Teal – schafft kühlen Kontrast und Harmonisches Gleichgewicht (Komplementärharmonie).. #7A5A4A: Analoges, wärmeres Braun‑Kupfer – vertieft die Tonalität für eine tonal‑harmonische, luxuriöse Palette (Analoge Harmonie).. #C19B5A: Gedämpftes Bernstein/Gold als Akzent – bringt Licht und subtile Wärme ohne Kältebruch (Split‑komplementär wirkender Akzent zur Betonung)..
- Wie beeinflusst Mokka-Atelier die Stimmung?
- Behagliche, selbstbewusste Zurückhaltung Primär löst sie ein Gefühl von Geborgenheit und Vertrautheit aus. Wichtige Eigenschaften: Verlässlichkeit, Handwerklichkeit, Wärme, Zurückhaltung, Subtile Eleganz.
- Welche Branchen verwenden Mokka-Atelier?
- Mokka-Atelier wird häufig in den Bereichen Premium‑Kaffee & Schokolade, Lederwaren & Möbelhandwerk, Handwerkliche Kosmetik / Seifenmanufakturen verwendet. Es passt zu Markenarchetypen wie Der Weise (Sage), Der Handwerker (Craftsman).
- Was ist die Geschichte von Mokka-Atelier?
- Solche dunklen, rötlich-braunen Töne haben ihre Wurzeln in natürlichen Erdpigmenten wie Umbra und gebrannter Siena, die bereits in prähistorischen Wandmalereien und antiken Töpferwaren verwendet wurden. Ledergerbung und Ruß- oder Sepia‑Tinten lieferten ähnliche Töne in Schriftstücken und Gemälden.
- Wie verwendet man Mokka-Atelier im Design?
- Balancieren Sie Wärme und Kontrast: dieser Farbton braucht klare, helle Ruheflächen oder gezielte kühle Akzente, um Eleganz statt Schwere zu vermitteln. Best Practices: Nutzen Sie die Farbe als dominante Grundfläche und fügen Sie 1–2 kühlere Akzentfarben in kleinen Mengen hinzu (5–10 %) für Lesbarkeit.; Arbeiten Sie mit matter Textur (z. B. ungestrichenes Papier, geöltes Holz), um die handwerkliche Qualität zu verstärken.; Setzen Sie helle, warme Neutrale (#F2EFEA) für Typografie und negative Räume ein, um Kontrast zu sichern..
- Ist Mokka-Atelier barrierefrei?
- Kontrastverhältnis auf Weiß: 8.19:1, auf Schwarz: 2.56:1. Erfüllt WCAG AA für normalen und großen Text.