Farbkonvertierung
#a7614c
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 #A7614C?
- #A7614C ist Terrakotta-Mandarine – Ein warmes, gedämpftes Rotbraun mit leicht orangefarbener Note, das an gebrannte Tonflächen erinnert. Es vermittelt behagliche Erdverbundenheit und sinnliche Reife zugleich.
- Was symbolisiert Terrakotta-Mandarine?
- Handwerk und Authentizität, Ernte und Reife, Behaglichkeit, Herbstliche Wärme, Bodenständige Eleganz. In westlichen Kulturen wird dieser Ton oft mit Terrakotta, Leder und rustikaler Architektur assoziiert; in mediterranen Regionen erinnert er an Dachziegel und Erde; in Teilen Asiens kann er an reife Kakis und traditionelle Keramik denken lassen, während er in Nahost- und nordafrikanischen Kontexten an Leder- und Tontöpfe erinnert.
- Wo wird Terrakotta-Mandarine im Design eingesetzt?
- In Räumen und Designs schafft diese Farbe Nähe und Stabilität, sie wirkt weniger dominant als reines Rot und verhindert visuelle Erschöpfung. Sie lenkt den Blick auf Textur und Material und fördert das Gefühl von Handarbeit und Authentizität.
- Welche Farben passen gut zu Terrakotta-Mandarine?
- Terrakotta-Mandarine harmoniert gut mit #4CA7A1, #76A74C, #C79C6A. #4CA7A1: Komplementär — gedämpftes Teal hebt die Wärme des Rotbrowns ohne starken visuellen Konflikt (Komplementärkontrast).. #76A74C: Triadisch/erdig — ein gedämpftes Olivgrün ergänzt die Nuance zu einer natürlichen, botanisch inspirierten Palette (Triadische Abstimmung).. #C79C6A: Analog/akzentuierend — warmes Gold-Sand schafft sanfte Helligkeit und betont die orangefarbenen Untertöne (analoge Harmonie)..
- Wie beeinflusst Terrakotta-Mandarine die Stimmung?
- Behagliche Erdigkeit mit kultivierter Wärme Bewirkt ein Gefühl von Geborgenheit und materieller Qualität. Wichtige Eigenschaften: Zuverlässigkeit, Wärme, Handwerklichkeit, Reife, Vertrautheit.
- Welche Branchen verwenden Terrakotta-Mandarine?
- Terrakotta-Mandarine wird häufig in den Bereichen Lederwaren & Schuhe, Gourmet-Lebensmittel & Kaffee, Boutique-Hotellerie/Restaurants verwendet. Es passt zu Markenarchetypen wie Der Schöpfer, Der Hüter (Beschützer).
- Was ist die Geschichte von Terrakotta-Mandarine?
- Dieser warme Rotbraunton hat uralte Wurzeln: Ähnliche Nuancen entstanden aus eisenoxidreichen Erdpigmenten wie roten Ocker, Sienna und gebranntem Umber, die bereits in prähistorischen Höhlenmalereien und antiker Keramik verwendet wurden. Terrakotta- und erdige Rottöne wurden durch das Brennen von Ton und die Gewinnung von Eisenoxiden in natürlichen Erden erzielt.
- Wie verwendet man Terrakotta-Mandarine im Design?
- Denke Material zuerst: diese Farbe funktioniert am besten, wenn Textur und Oberfläche ihre Erdigkeit unterstützen. Best Practices: Setze #A7614C als Mittel-Akzent auf naturbelassenen Oberflächen (rau, matt) für maximale Wahrnehmung von Handwerksqualität.; Kombiniere sie mit einem sehr hellen Beige (#EDE6E0) für gute Lesbarkeit und mit einer gedämpften Teal (#4CA7A1) als komplementärem Kontrast.; Nutze Textur (Leder, Terrakotta, unbearbeitetes Holz) statt reiner Glätte, um die Farbe emotional aufzuladen..
- Ist Terrakotta-Mandarine barrierefrei?
- Kontrastverhältnis auf Weiß: 4.71:1, auf Schwarz: 4.46:1. Erfüllt WCAG AA für normalen und großen Text.