Farbkonvertierung
#691172
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 #691172?
- #691172 ist Mitternachts‑Amaranth – Ein dunkles, intensives Violett mit starker Magenta‑Note und samtigem Tiefgang. Es weckt eine zugleich luxuriöse und geheimnisvolle Stimmung, die Nähe und Raffinesse signalisiert.
- Was symbolisiert Mitternachts‑Amaranth?
- Adel und Status, Geheimnis und Transzendenz, Kreative Tiefe, Sinnlichkeit, Nächtliche Ruhe. In westlichen Kontexten assoziiert man tiefes Violett traditionell mit Luxus, Spiritualität und künstlerischem Ausdruck. In Teilen Asiens (z. B. Japan) steht Purpur historisch für Aristokratie und kultivierte Zurückhaltung. In einigen mediterranen Regionen erinnert dunkles Purpur an antike Purpurfärbereien (Tyrian Purple) und vermittelt historische Bedeutung.
- Wo wird Mitternachts‑Amaranth im Design eingesetzt?
- In Räumen schafft diese Nuance eine intime, fokussierte Atmosphäre und zieht Aufmerksamkeit auf sich, ohne schrill zu wirken. In Designs lenkt sie den Blick auf Details und erzeugt das Gefühl von Premium‑Qualität und gebremster Dramatik.
- Welche Farben passen gut zu Mitternachts‑Amaranth?
- Mitternachts‑Amaranth harmoniert gut mit #8FD34A, #4A1194, #D46A2E. #8FD34A: Komplementärkontrast: das lebendige Limettengrün hebt die violette Tiefe hervor und erzeugt auffällige Calls‑to‑Action.. #4A1194: Analog: ein tiefes Indigo schafft sanfte Ton‑in‑Ton‑Übergänge und verstärkt die samtige Dunkelheit (Analogharmonie).. #D46A2E: Triadisch: warmes verbranntes Orange liefert energetische Wärme ohne die Eleganz zu zerstören; ideal für Akzente und typografische Hervorhebungen..
- Wie beeinflusst Mitternachts‑Amaranth die Stimmung?
- Dunkle, sinnliche Eleganz mit geheimnisvoller Wärme Primär löst sie Bewunderung und Neugier aus, begleitet von einem Gefühl von Luxus. Wichtige Eigenschaften: Exklusivität, Geheimnis, Kreative Intensität, Selbstbewusstsein, Sinnlichkeit.
- Welche Branchen verwenden Mitternachts‑Amaranth?
- Mitternachts‑Amaranth wird häufig in den Bereichen Kosmetik & Parfüm, Luxusmode & Accessoires, Boutique‑Hotellerie verwendet. Es passt zu Markenarchetypen wie Der Liebhaber (The Lover), Der Schöpfer (The Creator).
- Was ist die Geschichte von Mitternachts‑Amaranth?
- Tief violette und magentafarbene Töne wurden seit der Antike geschätzt; der berühmte Purpurfarbstoff aus der Stadt Tyros (Tyrian Purple) war ein teurer, rötlich‑violetter Farbstoff, der von Herrschern getragen wurde. Reine Nuancen wie Mitternachts‑Amaranth entstanden erst später mit der Verfügbarkeit neuer organischer Farbstoffe und synthetischer Pigmente im 19. Jahrhundert.
- Wie verwendet man Mitternachts‑Amaranth im Design?
- Balanciere Tiefe mit Helligkeit: dunkles Violett verlangt helle, warme Neutraltöne oder metallische Akzente, um seine Luxusaspekte zu tragen. Best Practices: Nutze Mitternachts‑Amaranth als Akzentfarbe (max. 10–20 % Fläche) gegen helle, warme Neutraltöne, um Eleganz zu kommunizieren.; Kombiniere mit metallic Akzenten (z. B. warmes Gold) für Verpackungen oder Print, um den luxuriösen Effekt zu verstärken.; Bei Buttons/CTAs helle Akzentfarbe oder Weiß in starker Gewichtung verwenden und Mindestkontrast nach WCAG 2.1 sicherstellen (AA/AAA für Text)..
- Ist Mitternachts‑Amaranth barrierefrei?
- Kontrastverhältnis auf Weiß: 10.92:1, auf Schwarz: 1.92:1. Erfüllt WCAG AA für normalen und großen Text.