Farbkonvertierung
#e26930
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 #E26930?
- #E26930 ist Mandelglut – Ein intensives, sonniges Orange mit einem leicht rötlichen Kern, das zwischen Zitrusfrische und warmem Kupfer balanciert. Es weckt Energie und Behaglichkeit zugleich, wie ein sonniger Spätnachmittag im Spätsommer.
- Was symbolisiert Mandelglut?
- Appetit und Genuss (Food-Kontext), Handwerkliche Qualität, Herbstliche Reife, Jugendliche Energie, Sichtbarkeit/Sicherheit. In Indien erinnert die Orangenuance an heilige Saffran-Töne und spirituelle Rituale, während in den Niederlanden Orange als Symbol nationaler Identität und Stolz empfunden wird. In westlichen Kontexten signalisiert diese Schattierung oft Herbst, Retro-Ästhetik oder gastronomische Wärme.
- Wo wird Mandelglut im Design eingesetzt?
- In Räumen oder Designs zieht diese Nuance sofort die Aufmerksamkeit auf sich und stimuliert Energie und Appetit. Gleichzeitig vermittelt der leicht gedämpfte, kupferne Unterton Vertrautheit und reduziert aggressive Signalwirkung eines reinen Neons.
- Welche Farben passen gut zu Mandelglut?
- Mandelglut harmoniert gut mit #30A7E2, #E2B030, #30E269. #30A7E2: Komplementärkontrast: kühles Teal hebt die Wärme des Oranges hervor und schafft dynamische Balance.. #E2B030: Analoges Harmonie-Spiel: warmes Goldton ergänzt den kupfernen Unterton für eine reiche, herbstliche Palette.. #30E269: Triadische Harmonie: lebhaftes Grün bietet frische Balance und eignet sich für Akzente ohne Farbkonflikt..
- Wie beeinflusst Mandelglut die Stimmung?
- Lebendige Behaglichkeit mit impulsiver Wärme Sofortige Aktivierung: motiviert zu Handlung und erzeugt Wohlbefinden. Wichtige Eigenschaften: Vitalität, Wärme, Dringlichkeit, Zugänglichkeit, Handwerkliche Ehrlichkeit.
- Welche Branchen verwenden Mandelglut?
- Mandelglut wird häufig in den Bereichen Food & Beverage (gourmet Snacks, Craft-Getränke), Gastgewerbe (Boutique-Cafés, moderne Bistros), Outdoor & Adventure Gear verwendet. Es passt zu Markenarchetypen wie Der Entdecker, Der Schöpfer.
- Was ist die Geschichte von Mandelglut?
- Historische Ursprünge dieses orangig-kupfernen Tons liegen in natürlichen Erdpigmenten: eisen- und gelbocker sowie gemischte erdige Rotpigmente lieferten seit der Antike orange-braune Töne, während im Mittelalter und der frühen Neuzeit orpiment (Arsensulfid) für reiche, aber giftige Orangerottöne verwendet wurde.
- Wie verwendet man Mandelglut im Design?
- Kontrastkontrolle: immer für ausreichende Ton- und Helligkeitskontraste sorgen, wenn diese Farbe als Signalfarbe fungiert. Best Practices: Setze #E26930 sparsam als Akzent auf hellen, neutralen Flächen (z. B. Weiß oder warmes Beige), um sofortige Fokuspunkte zu schaffen.; Kombiniere es mit einem kühlen Komplementärton (z. B. 30A7E2) für CTAs und interaktive Elemente, um visuelle Spannung zu erzeugen (Komplementärkontrast).; Nutze matte oder halbmatte Oberflächen, um den kupfernen Kern zu betonen; Hochglanz kann die Wärme in ein grelles Signal verwandeln..
- Ist Mandelglut barrierefrei?
- Kontrastverhältnis auf Weiß: 3.33:1, auf Schwarz: 6.30:1. Erfüllt WCAG AA für normalen und großen Text.