Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Pastellrosa passen?
Die Farbe Pastellrosa ist ein zarter Rosaton, der die Intensität von Rot mit einem hohen Weißanteil mildert. Am roten Rand des Farbkreises positioniert, vermittelt Pastellrosa eine süße, verspielte Qualität, die an Frühling und Jugend erinnert.
Pastellrosa wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #FFC5D3
- RGB-Wert: 100 % Rot, 77,3 % Grün und 82,7 % Blau
Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.
Hier sind einige Möglichkeiten, Pastellrosa in deinen Designs zu verwenden:
- Schaffe ein einladendes UI. Pastellrosa ist weich und zart, daher hilft diese Farbe in Buttons oder als Hintergrund, eine warme, einladende Oberfläche zu gestalten.
- Vermittle Wärme und Verspieltheit. Der warme Unterton von Pastellrosa schafft eine angenehme und einladende Atmosphäre. Nutze es als sanften Hintergrund für eine beruhigende Wirkung oder als verspielten Akzent.
- Hebe interaktive Elemente hervor. Lenke die Aufmerksamkeit der Nutzer, während du ein sauberes, ausgewogenes Interface beibehältst, indem du Pastellrosa für einen Hover-Effekt verwendest. Diese subtile Farbe kann Nutzer sanft zu Buttons oder herunterladbaren Inhalten führen.
- Markiere Auswahlmöglichkeiten dezent. Das Hervorheben von Nutzerauswahlen in Pastellrosa sorgt für Klarheit, ohne zu überwältigen. Besonders auf einem weißen Hintergrund kann Pastellrosa einen warmen, sanften Kontrast schaffen, der Ruhe fördert, die Benutzererfahrung verbessert und die Barrierefreiheit erhöht.
Bedenke, dass Farbe und ihre Bedeutung je nach Kultur und Kontext variieren können. Wenn du für ein internationales Publikum gestaltest, informiere dich über die Farbsymbolik in den jeweiligen Regionen.
Für Variationen innerhalb des gleichen hellen Spektrums wie Pastellrosa, ziehe in Betracht:
- Hellrosa (#FFB5C0) ist lebendiger mit tieferen Rottönen, die an frische Blütenblätter und gerötete Wangen erinnern.
- Rosenwasser (#FFD6D1) bietet einen helleren, weniger gesättigten Rosaton mit leicht mehr Orangetönen.
- Helllila (#DAB1DA) hat eine ähnliche luftige Leichtigkeit, liegt aber zwischen Rot und Blau in einem komplementären, kühlen Ton.
Um Pastellrosa zu ergänzen, kombiniere es mit:
- Pastellblau (#B3EBF2) ergänzt den rosigen Ton von Pastellrosa mit einem subtilen, aber belebenden kühlen Ton.
- Celadon (#A8DCAB) passt zu Pastellrosa für eine charmante Blumenpalette.
- Knallpink (#FF46A2) betont die romantische Wärme von Pastellrosa mit einem lebendigen Touch.
- Muschel (#FFF1E7) beruhigt den Ton von Pastellrosa für einen eleganten Look.
Weitere Farben, die in Betracht gezogen werden sollten, sind Flieder, um den floralen Ton von Pastellrosa zu ergänzen, Moosgrün, um die subtile Wärme von Pastellrosa zu erden, und Gunmetal für eine elegante, dunkle Palette.
Während Pastellrosa weich und leicht ist, kann es im Kontrast stehen zu:
- Blau (#0000FF) ist eine lebendige, kühle Farbe, die mit der subtilen Wärme von Pastellrosa kollidiert.
- Zimt (#D47E30) trübt die Verspieltheit von Pastellrosa mit seinen orangefarbenen, erdigen Untertönen.
- Scharlachrot (#ED2100) ist ein gesättigtes Rot, das den luftigen Ton von Pastellrosa erstickt.
- Bernstein (#FFBF00) überwältigt Pastellrosa mit seinem goldenen Ton.
- Lachs (#FF7E70) kann die zarte Weichheit von Pastellrosa mit einem gesättigteren Orangeton überlagern.
Pastellrosa vereint die Leidenschaft und Energie von Rot mit der Reinheit und Unschuld von Weiß, um Zärtlichkeit und Zuneigung zu vermitteln. Es strahlt eine beruhigende und nährende Energie aus, mit einem Hauch von Jugend und Süße, und steht für Neuanfänge.
In der Farbpsychologie ist Pastellrosa eine beruhigende und einladende Farbe, die Frieden, Entspannung und Komfort hervorruft. Seine Assoziation mit Unschuld und Reinheit kann ein sanftes Gefühl von Stabilität und Sicherheit schaffen.
Im UI-Design fügt Pastellrosa Oberflächen eine warme Note hinzu und schafft einen angenehmen Kontrast, wenn es mit kräftigeren Farben kombiniert wird. Im Vergleich zu anderen Rosatönen ist Pastellrosa weniger anregend und eignet sich gut als Hintergrundfarbe oder um wichtige Informationen hervorzuheben, ohne den Nutzer zu überfordern.
Helle Töne wie Pastellrosa sind nach Pastellen benannt, einem Kunstmedium mit geringer Sättigung, das aus pulverisierten Pigmenten besteht. Pastellrosa wurde im 18. Jahrhundert in Europa populär, wo Männer und Frauen in aufwendigen Pastellkleidern gekleidet waren.
Pastellrosa war ursprünglich unisex, wurde jedoch in den 1980er Jahren mit Baby-Mädchen assoziiert, was eine feminine Konnotation schuf.
Der beruhigende Ton von Pastellrosa hat sich über die Mode hinaus in Kunst und Inneneinrichtung verbreitet. Pastellpaletten bleiben beliebt, und Pastellrosa ist ein häufiges Merkmal in der Frühlingsmode und Wohnkultur.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Vintage Rose
Tea Party
Pink Lemonade
Kontrastprüfer
Kontrast 1,48
- Großer Text
#FFC5D3
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 14,18
- Großer Text
#FFC5D3
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #ffc5d3, bekannt als Pastellrosa, hat die RGB-Werte R:255, G:197, B:211 und die CMYK-Werte C:0, M:23, Y:17, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffc5d3 | #ffc5d3 |
| RGB DECIMAL | 255, 197, 211 | RGB(255,197,211) |
| RGB PERCENTAGE | 100.0, 77.3, 82.7 | RGB(100.0%,77.3%,82.7%) |
| CMYK | 0, 23, 17, 0 | |
| HSL | HSL(345.5, 100.0%, 88.6%) | HSL(345.5, 100.0%, 88.6%) |
| HSV (OR HSB) | 345.5°, 22.7, 100.0 | |
| WEB SAFE | #255204204 | #255204204 |
| BINARY | 11111111, 11000101, 11010011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.773, blue: 0.827) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.773, blue: 0.827, alpha: 1) | |
| Android - Compose | Color(0xFFFFC5D3) |
