Farbkonvertierung
#85827b
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 #85827B?
- #85827B ist Verwittertes Zinn – Ein gedämpfter Olivgrau-Ton mit sichtbarer Warm-nüchterner Basis, der zwischen Stein und Moos oszilliert. Er vermittelt eine ruhige, erdverbundene Gelassenheit, die zugleich zuverlässig und leicht nostalgisch wirkt.
- Was symbolisiert Verwittertes Zinn?
- Erde und Bodenständigkeit, Beständigkeit, Understatement-Luxus, Herbstliche Reife, Gedämpfte Eleganz. In westeuropäischen Kontexten wird dieser Ton oft mit traditionellem Interieur und zeitloser Handwerksästhetik verbunden; in skandinavischer Gestaltung steht er für natürliche Zurückhaltung. In einigen mediterranen Regionen kann ein ähnlicher Ton an gealtertes Steingut und Patina erinnern und somit Wertigkeit signalisieren.
- Wo wird Verwittertes Zinn im Design eingesetzt?
- In Räumen wirkt die Farbe beschwichtigend: sie reduziert visuelle Unruhe und schafft eine gedämpfte Basis, auf der Akzentfarben stärker wirken. In Markenkommunikation suggeriert sie Reife und Understatement ohne Kaltherzigkeit.
- Welche Farben passen gut zu Verwittertes Zinn?
- Verwittertes Zinn harmoniert gut mit #5F63A8, #A89F6F, #6FA89A. #5F63A8: Mutiges Indigo als komplementärer Akzent: schafft lebendige Spannung und vertieft die Tonwirkung (komplementäre Harmonie).. #A89F6F: Gedämpftes Gold-Olive als analoger Begleiter: verstärkt die warme Erdeigenschaft ohne starken Kontrast (analoge Harmonie).. #6FA89A: Weiches Teal für triadische Ausgewogenheit: fügt Frische hinzu und verhindert Schwere (triadische/mutierte Harmonie)..
- Wie beeinflusst Verwittertes Zinn die Stimmung?
- Zurückhaltende Sicherheit mit moderater Wärme Primär ruft sie Vertrauen und Gelassenheit hervor — eher beruhigend als stimulierend. Wichtige Eigenschaften: Stabilität, Besonnenheit, Verlässlichkeit, Bodenständigkeit, Reserviertheit.
- Welche Branchen verwenden Verwittertes Zinn?
- Verwittertes Zinn wird häufig in den Bereichen Innenarchitektur & Möbel, Nachhaltige Mode & Accessoires, Premium-Feinkost & Verpackung verwendet. Es passt zu Markenarchetypen wie Der Weise (Sage), Der Beschützer (Caregiver).
- Was ist die Geschichte von Verwittertes Zinn?
- Töne wie Verwittertes Zinn entstanden historisch aus Erd- und Ockerpigmenten, oft durch Mischung von Umbra/Erde mit gelben Ockern und weißen Bindemitteln; schon Gerberei- und Handwerksgegenstände zeigten ähnliche, gedämpfte Olivtöne. Künstler im 17.–19. Jahrhundert erzeugten vergleichbare Nuancen durch Abtönung von Umbra mit Lead White und geringen Mengen Grünpigmenten.
- Wie verwendet man Verwittertes Zinn im Design?
- Balance zwischen Tonwerten: immer mindestens einen hellen und einen dunklen Kontrapunkt planen, um Tiefe zu erzeugen. Best Practices: Kombinieren Sie die Farbe mit einem kühleren Komplementärakzent (Indigo oder Taubenblau) für lebendige Tiefe.; Nutzen Sie sie als mittleren Ton in einer Dreischicht-Komposition: hell + Verwittertes Zinn + dunkler Anker (z. B. tiefes Anthrazit).; Setzen Sie matte Texturen (Leinen, gealtertes Metall) ein, um die warme Nüchternheit zu betonen..
- Ist Verwittertes Zinn barrierefrei?
- Kontrastverhältnis auf Weiß: 3.83:1, auf Schwarz: 5.48:1. Erfüllt WCAG AA für normalen und großen Text.