Farbkonvertierung
#aed0de
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 #AED0DE?
- #AED0DE ist Lagunennebel – Ein blasses, leicht gräuliches Aqua mit kühler Klarheit und subtiler Milchigkeit, das an flaches Wasser im Morgenlicht erinnert. Es vermittelt eine ruhige, erfrischende Gelassenheit mit einem Hauch von luftiger Eleganz.
- Was symbolisiert Lagunennebel?
- Reinheit der Küste, Neuanfang wie Morgentau, Unaufdringliche Eleganz, Schutz und Ruhe, Sachliche Freundlichkeit. Im Westen wird diese Nuance meist mit Wellness, Gesundheit und moderner Sauberkeit assoziiert; in Ostasien sind blassblaue Töne oft mit Frische und Technik verbunden; im Nahen Osten kann helles Türkisartige an Schutzamulette (Türkis) erinnern, wobei kulturelle Nuancen variieren.
- Wo wird Lagunennebel im Design eingesetzt?
- In Räumen oder Interfaces reduziert Lagunennebel visuelle Unruhe und vermittelt Raum und Atmungsfreiheit. Es kühlt die Wahrnehmung, lässt Inhalte größer und luftiger erscheinen und senkt Stresswahrnehmungen.
- Welche Farben passen gut zu Lagunennebel?
- Lagunennebel harmoniert gut mit #FFD7C0, #7FC9D2, #DFA0D9. #FFD7C0: Komplementär: warmes Pfirsich/Apricot schafft lebendige, zugängliche Kontraste und verbessert CTA-Sichtbarkeit.. #7FC9D2: Analog: ein leicht grüneres Aqua für subtile, zusammenhängende Farbverläufe (harmonische Nachbarschaft).. #DFA0D9: Triadisch/akzentuiert: ein gedecktes Mauve bringt feminine Wärme und elegante Tiefe ohne Dominanz..
- Wie beeinflusst Lagunennebel die Stimmung?
- Beruhigende Klarheit mit leichter Frische Primär erzeugt es Ruhe und eine sanfte Erleichterung, als würde man ausatmen. Wichtige Eigenschaften: Gelassenheit, Vertrauen, Reinheit, Erfrischung, Klarheit.
- Welche Branchen verwenden Lagunennebel?
- Lagunennebel wird häufig in den Bereichen Wellness & Spa, Health-Tech (Telemedizin, Digital Health), Premium Kosmetik & Hautpflege verwendet. Es passt zu Markenarchetypen wie Der Weise (The Sage), Der Fürsorgliche (The Caregiver).
- Was ist die Geschichte von Lagunennebel?
- Blasse, grünlich-blaue Töne wie Lagunennebel haben Vorläufer in gemischten Kupfer- und Bleipigmenten: Künstler des 17.–18. Jahrhunderts hellten Azurit und Kupferfarbstoffe mit weißen Pigmenten auf, um zarte Aqua-Nuancen zu erzielen; echte, stabile pastellige Aquatöne wurden erst mit synthetischen Pigmenten und gebleichtem Ultramarin im 19. Jahrhundert leichter reproduzierbar.
- Wie verwendet man Lagunennebel im Design?
- Kontrast-Hierarchie: immer mindestens einen warmen oder dunklen Gegenpol einplanen, um Lesbarkeit und Interaktionsklarheit zu sichern. Best Practices: Verwende Lagunennebel für große Flächen (Hintergründe, Seitenleisten) und kombiniere es mit warmen Akzenttönen für CTAs.; Setze Text in dunklem Anthrazit statt reinem Schwarz (z. B. #2F3A3D) für bessere Lesbarkeit und weichere Kontraste.; Nutze es translucide (30–50% Deckkraft) über Fotografien, um Hauttöne zu kühlen und eine kohärente Markenfarbe zu erzeugen..
- Ist Lagunennebel barrierefrei?
- Kontrastverhältnis auf Weiß: 1.63:1, auf Schwarz: 12.88:1. Erfüllt WCAG AA für normalen und großen Text.