Farbkonvertierung
#663930
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 #663930?
- #663930 ist Abendmahagoni – Ein tiefes, gedämpftes Rotbraun mit klarer Wärme und einer leichten Rußnote, das eher an gealtertes Leder als an frisches Blut erinnert. Es weckt ein Gefühl von geborgener Eleganz und handwerklicher Authentizität, melancholisch und tröstlich zugleich.
- Was symbolisiert Abendmahagoni?
- Heimat und Herd, Handwerkliche Tradition, gereifte Leidenschaft, Erdverbundenheit, zeitlose Eleganz. Im westeuropäischen Kontext assoziiert man solche Rotbrauntöne mit Mahagoni-Möbeln, Herbst und Wohlstand; in Indien/nahöstlichen Kontexten ähnelt der Ton traditionellen Textil- und Lederfärbungen und kann Wärme sowie Bodenständigkeit signalisieren; in Ostasien kann ein gedämpftes Ziegelrot sowohl Alter als auch Würde ausdrücken, weniger das knallige Festliche roter Töne.
- Wo wird Abendmahagoni im Design eingesetzt?
- In Räumen und Designs schafft diese Farbe eine intime, erdige Atmosphäre, die Menschen zum Verweilen einlädt. Sie reduziert visuelle Aufregung, fördert Konzentration und vermittelt gleichzeitig handwerklichen Anspruch.
- Welche Farben passen gut zu Abendmahagoni?
- Abendmahagoni harmoniert gut mit #99C6CF, #C68F30, #8A4538. #99C6CF: Komplementärkontrast: das kühle, gedämpfte Türkis hebt die Wärme von #663930 hervor und erzeugt visuelle Balance.. #C68F30: Split-komplementär/triadisch: ein gedämpftes Ocker-Gelb ergänzt das Rotbraun mit warmer Akzentuierung ohne zu schrill zu wirken.. #8A4538: Analog/harmonisch: ein etwas rötlicheres Mahagoni verstärkt Tiefe und Textur für Möbel- oder Lederkombinationen..
- Wie beeinflusst Abendmahagoni die Stimmung?
- Wärme mit gedämpfter Sinnlichkeit Primär erzeugt sie ein Gefühl von geborgener Wärme und gediegener Qualität. Wichtige Eigenschaften: Vertrautheit, Beständigkeit, Reife, Sinnlichkeit, Bodenständigkeit.
- Welche Branchen verwenden Abendmahagoni?
- Abendmahagoni wird häufig in den Bereichen Premium-Schokolade & Confectionery, Boutique-Hospitality (Cafés, kleine Hotels), Lederwaren und handwerkliche Accessoires verwendet. Es passt zu Markenarchetypen wie Der Handwerker, Der Weise.
- Was ist die Geschichte von Abendmahagoni?
- Historische Ursprünge solcher Rotbrauntöne liegen in natürlichen Erdpigmenten wie gebranntem Umbra und eisenhaltigen Ocker-Varianten, die bereits in der Antike für Wandmalerei und Tonwaren verwendet wurden. Lederfärbungen und Pflanzenfarbstoffe (z. B. Krapp/Madder) lieferten im Mittelalter bis zur frühen Neuzeit variierende Rotbraunnuancen, die mit Zeit und Gebrauch dunkler wurden.
- Wie verwendet man Abendmahagoni im Design?
- Balance zwischen Wärme und Kontrast: immer mindestens einen hellen Neutralt ton neben #663930 verwenden, um Lesbarkeit und visuelle Leichtigkeit zu sichern. Best Practices: Kombiniere #663930 mit hellem Creme (#EFEAE4) für starke, elegante Kontraste in Typografie und Verpackungen.; Benutze den Farbton als sekundäre Akzentfarbe in Interiors (Polster, Leisten) statt als Hauptfarbe, um Wärme zu dosieren.; Setze matte oder leicht strukturierte Oberflächen ein (Leinen, naturgestrichenes Papier, unpoliertes Messing) um die handwerkliche Wirkung zu verstärken..
- Ist Abendmahagoni barrierefrei?
- Kontrastverhältnis auf Weiß: 9.58:1, auf Schwarz: 2.19:1. Erfüllt WCAG AA für normalen und großen Text.