Farbkonvertierung
#fdcec8
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 #FDCEC8?
- #FDCEC8 ist Pfirsichnebel – Ein hauchzarter, warm-koralliger Rosa-Ton mit deutlich cremefarbener Helligkeit und einem leichten orange-roten Unterton. Er vermittelt eine zarte, tröstliche Wärme wie ein sanfter Sonnenaufgang auf Porzellan.
- Was symbolisiert Pfirsichnebel?
- Fürsorge und Zärtlichkeit, gezähmte Sinnlichkeit, sanfter Luxus, Neuanfang im Kleinen, zugängliche Weiblichkeit. Im Westen steht zartes Rosa traditionell für Zärtlichkeit und Jugend; in Japan assoziiert man ähnliche Töne mit Sakura (Kirschblüten) und kurzlebiger Schönheit; in Indien signalisiert gebrochenes Rosa oft Gastfreundschaft und festliche Warmherzigkeit, wie in Jaipur ‚Pink City‘ sichtbar.
- Wo wird Pfirsichnebel im Design eingesetzt?
- In Räumen wirkt Pfirsichnebel beruhigend und reduziert optisch Härten, weil die hohe Helligkeit Reflexionen weicher macht. In Markenkommunikation senkt es Abwehrhaltung und erhöht die Wahrnehmung von Fürsorge und Zugänglichkeit.
- Welche Farben passen gut zu Pfirsichnebel?
- Pfirsichnebel harmoniert gut mit #6CCFCB, #FFB3A7, #5A3E36. #6CCFCB: Komplementär/akzentuierend: kühles Türkis schafft lebendige Gegenfarbe, die Pfirsichnebel hervorhebt und frische Balance bringt.. #FFB3A7: Analog: ein gesättigteres Korallenrosa vertieft die Tonalität und ermöglicht sanfte Farbverläufe ohne harten Kontrast.. #5A3E36: Kontrastreiches Erdton-Dunkel (Schokoladenbraun) bietet lesbaren Typo-Kontrast und betont den warmen, luxuriösen Charakter (komplementäre Wertkontrast-Nutzung)..
- Wie beeinflusst Pfirsichnebel die Stimmung?
- Wärmevolle Geborgenheit mit subtiler Eleganz Es erzeugt vorrangig ein Gefühl von Geborgenheit und gepflegter Zuneigung. Wichtige Eigenschaften: Vertrauenserweckend, Fürsorglich, Intim, Sanft mutig, Subtil luxuriös.
- Welche Branchen verwenden Pfirsichnebel?
- Pfirsichnebel wird häufig in den Bereichen Kosmetik & Hautpflege, Boutique-Hospitality (Hotels & Spas), Feinkonditorei & handwerkliche Lebensmittel verwendet. Es passt zu Markenarchetypen wie The Lover, The Caregiver.
- Was ist die Geschichte von Pfirsichnebel?
- Helle, korallige Rosa-Töne wie Pfirsichnebel entstanden historisch durch das Aufhellen von roten und orangefarbenen Farbstoffen mit Weiß — im 18. Jahrhundert mischte man Bleiweiß mit kleinen Mengen Zinnober oder Krapplack, um pastellige Rosen- und Pfirsichtöne für Rokoko-Interieurs und Mode zu erhalten. Pflanzenfarbstoffe wie Rote Wurzel (Madder) und Cochenille lieferten die roten Komponenten, die mit Kreide oder Bleiweiß aufgehellt wurden.
- Wie verwendet man Pfirsichnebel im Design?
- Sorge für Kontrast-Hierarchie: Pfirsichnebel ist Akzent und Atmosphäre, nicht primäre Informationsfarbe. Best Practices: Kombiniere Pfirsichnebel mit einem dunklen Schokoladen- oder Schiefergrau für typografischen Kontrast; nutze den dunklen Ton für Körpertext und Pfirsichnebel für Flächen und Microcopy.; Setze ihn als subtile Hintergrundfarbe für Produktfotografie auf hellem, matter Papier, um Hauttöne natürlicher erscheinen zu lassen.; Nutze metallische Akzente (warm-gold oder champagner) in kleinen Dosen, um die luxuriöse Seite dieses Tons zu betonen..
- Ist Pfirsichnebel barrierefrei?
- Kontrastverhältnis auf Weiß: 1.42:1, auf Schwarz: 14.84:1. Erfüllt WCAG AA für normalen und großen Text.