Farbkonvertierung
#665233
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 #665233?
- #665233 ist Gerbstuben-Mokka – Ein tiefes, warmes Braun mit einem dezenten Oliv-Unterton, das an altes Leder und sonnengebleichte Holzmaserung erinnert. Es vermittelt geborgene Ruhe und geerdete Verlässlichkeit, wie das Flackern einer Kaminstube im Herbstabend.
- Was symbolisiert Gerbstuben-Mokka?
- Erde / Verwurzelung, Handwerkliche Tradition, Alter / Patina, Bescheidenheit, Stabilität. In westlichen Kontexten steht ein ähnliches Braun für Handwerk, Komfort und Verlässlichkeit; in Japan kann ein gedämpftes Braun Assoziationen zu Wabi-Sabi (Schönheit der Unvollkommenheit) und Naturmaterialien hervorrufen; in Teilen Nordafrikas und des Nahen Ostens symbolisiert warme Erdtonpalette oft Bodenständigkeit und traditionelle Textil- oder Lederarbeit.
- Wo wird Gerbstuben-Mokka im Design eingesetzt?
- In Räumen oder Designs dämpft dieses Braun Nervosität und stabilisiert die Wahrnehmung; es erzeugt Nähe ohne Opulenz. Gleichzeitig kann es Objekte äußerlich altern lassen und Wertbeständigkeit suggerieren, ideal für handwerkliche oder heritage-orientierte Marken.
- Welche Farben passen gut zu Gerbstuben-Mokka?
- Gerbstuben-Mokka harmoniert gut mit #335566, #C9A455, #553366. #335566: Komplementär/kontrastreich: kühles, gedämpftes Blau-Grün schafft visuelle Spannung und hebt die Wärme des Brauns hervor (Komplementärharmonie).. #C9A455: Analog-akzentuiert: warmes, gedämpftes Gold verstärkt die goldenen Untertöne und erzeugt eine reichhaltige, traditionelle Harmonie (analog/tonal).. #553366: Triadisch mit subtiler Tiefe: ein gedämpftes Pflaumen setzt einen gedeckten, leicht luxuriösen Akzent ohne harten Kontrast (triadische Harmonie mit gedeckter Abstimmung)..
- Wie beeinflusst Gerbstuben-Mokka die Stimmung?
- Geborgene Ernsthaftigkeit mit ruhiger Autorität Primär löst es Vertrauen und eine warme, zurückhaltende Vertrautheit aus. Wichtige Eigenschaften: Zuverlässigkeit, Solidität, Bodenständigkeit, Behaglichkeit, Diskretion.
- Welche Branchen verwenden Gerbstuben-Mokka?
- Gerbstuben-Mokka wird häufig in den Bereichen Handgefertigte Leder- und Taschenmanufakturen, Spezialitätenkaffee-Röstereien und Cafés, Premium-Lebensmittel (z. B. Schokolade, Honigmanufakturen) verwendet. Es passt zu Markenarchetypen wie The Craftsman (Der Handwerker), The Sage (Der Weise).
- Was ist die Geschichte von Gerbstuben-Mokka?
- Braune Erdtöne wie dieser gehen historisch auf natürliche Erdpigmente zurück: Umbra (aus Umbrien) und Ocker wurden bereits in der Steinzeit verwendet; gebrannte Umbra und gebrannte Siena entstanden klassisch durch das Erhitzen eisenreicher Tone und lieferten die warmen, langlebigen Brauntöne, die dem heutigen #665233 nahekommen.
- Wie verwendet man Gerbstuben-Mokka im Design?
- Kontrast und Materialität: immer Kontraststufen (hell/dunkel) und taktile Materialien einplanen, um die Wärme kontrolliert zu lenken. Best Practices: Nutze #665233 als begrenzten Akzent (Ränder, Typo, Buttons, Prägung) auf gebrochenweißem oder warmem Papier für beste Materialwirkung.; Kombiniere mit matter Metallgebung (z. B. gealtertes Messing) im Verhältnis 70/30 (Material/Fläche) für echte Handwerksästhetik.; Bei UI: setze die Farbe für sekundäre Aktionen oder Feedback ein, niemals als primäre CTA-Farbe; erhöhe Kontrast durch helle, warme Off-White-Töne..
- Ist Gerbstuben-Mokka barrierefrei?
- Kontrastverhältnis auf Weiß: 7.45:1, auf Schwarz: 2.82:1. Erfüllt WCAG AA für normalen und großen Text.