Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Lavendel passen?
Die Farbe Lavendel ist ein heller Ton von Purpur, benannt nach den zarten Blüten der Lavendelpflanze. Auf dem Farbkreis liegt sie zwischen Violett und Rot und vereint deren kühle Töne in ihrer hellsten Form. Diese Farbe steht für Entspannung und vermittelt gleichzeitig die Frische des Frühlings und die Eleganz der Weiblichkeit.
Lavendel wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #D3D3FF
- RGB-Wert: 82,7 % Rot, 82,7 % Grün und 100 % 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, Lavendel in deinen Designs zu verwenden:
- Entspannende Atmosphäre schaffen. Nutze Lavendel als primäre Hintergrundfarbe für Interfaces, die auf Entspannung oder Wohlbefinden abzielen, wie Meditations-Apps, Spa-Buchungsdienste oder Schlaftracker.
- Dynamik erzeugen. Kombiniere Lavendel mit Akzenten in Gelb oder Grün für Lebendigkeit oder mit Hellblau für Ruhe.
- Lesbarkeit sicherstellen: Achte auf den Kontrast zwischen Text und Hintergrund für eine einfache Lesbarkeit, besonders bei textlastigen Designs. Verwende kontrastreiche Farben mit Lavendel, wie Schwarz, Dunkelgrau oder Weiß.
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 sanften Spektrums wie Lavendel, ziehe folgende Farben in Betracht:
- Periwinkle (#CCCCFF) teilt denselben Farbton, ist aber etwas dunkler.
- Flieder (#A47DAB) hat eine ähnliche florale Essenz mit roten Untertönen.
- Malve (#E0AFFF) ist ein ähnlicher Purpurton, aber gesättigter.
- Misty Blue (#B5C7EB) hat einen weichen, kühlen Ton mit mehr Blau.
Um Lavendel zu ergänzen, kombiniere es mit:
- Pastellgelb (#FFEE8C) kontrastiert das helle Purpur und schafft ein fröhliches Frühlingsgefühl.
- Mintgrün (#ADEBB3) harmoniert gut mit dem hellen Purpur von Lavendel und fügt eine frische Note hinzu.
- Elfenbein (#FFFFE3) ist eine neutrale Farbe, die mit Lavendel eine weiche und luftige Atmosphäre schafft.
- Hellblau (#90D5FF) teilt dieselbe Kühle und schafft eine beruhigende Atmosphäre.
Weitere Farben, die in Betracht gezogen werden sollten, sind Gelb, um die Sanftheit von Lavendel zu kontrastieren, und Pfirsich, um eine Prise Energie und Wärme hinzuzufügen.
Obwohl Lavendel beruhigend und vielseitig ist, kann es mit folgenden Farben kollidieren:
- Fuchsia (#FE3894) kann die Sanftheit von Lavendel übertönen und einen visuell harten Kontrast erzeugen.
- Limettengrün (#89F336) steht im Kontrast zu den kühlen Tönen von Lavendel und schafft eine unausgewogene und potenziell störende Kombination.
- Marineblau (#000080) kann Lavendel dominieren und es besonders auf größeren Flächen matt erscheinen lassen.
- Dunkelorange (#C76E00) hat dunkle rote Untertöne, die eine unangenehme Farbkombination mit Lavendel erzeugen.
Lavendel steht für Reinheit und Ruhe, was auf seine Verbindung mit dem beruhigenden und blumigen Duft der Lavendelpflanze zurückzuführen ist. Historisch wurde es mit Königtum und Luxus in Verbindung gebracht, was die Assoziation von Purpur mit Adel widerspiegelt.
In der Farbpsychologie kann Lavendel Gefühle von Frieden und Entspannung hervorrufen, ähnlich dem beruhigenden Lavendelduft. Die Farbe zu betrachten, kann sich anfühlen wie das Einatmen frischer Luft in einem ruhigen Lavendelfeld, was ein Gefühl des Wohlbefindens fördert.
Lavendels Symbolik von Frieden und Entspannung lässt sich gut in modernes Design übersetzen. Anders als kräftigere Farben bietet Lavendel eine Augenfreundlichkeit, die Ruhe ausstrahlt. Es ist eine großartige Farbe für Marken, die Gefühle von Frieden oder Eleganz hervorrufen möchten.
Die Farbe Lavendel hat ihren Namen von der Lavendelpflanze, die für ihre zarten purpurnen Blüten bekannt ist. Das Wort „Lavendel“ wurde erstmals um 1705 verwendet, um die Farbe zu beschreiben. Zuvor bezog es sich nur auf die Pflanze selbst.
Historisch wurden die Blume und ihre Farbe mit Raffinesse, Eleganz und Ruhe assoziiert. Sie tauchte in allem auf, von Textilien und Keramik bis hin zu Gemälden und modischer Kleidung, besonders während der Epochen der Romantik und der Wiederbelebungsstile.
Im Laufe der Zeit hat sich die historische Bedeutung von Lavendel weiterentwickelt und umfasst nun auch Assoziationen mit Entspannung, Ruhe und Spiritualität. Die Farbe ist in vielen modernen Designtrends enthalten und wird oft verwendet, um beruhigende und harmonische Farbpaletten zu schaffen.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Lavendelklang
Ätherische Morgenröte
Mondstaub
Kontrastprüfer
Kontrast 1,45
- Großer Text
#D3D3FF
- 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,53
- Großer Text
#D3D3FF
- 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 #d3d3ff, bekannt als Lavendel, hat die RGB-Werte R:211, G:211, B:255 und die CMYK-Werte C:17, M:17, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #d3d3ff | #d3d3ff |
| RGB DECIMAL | 211, 211, 255 | RGB(211,211,255) |
| RGB PERCENTAGE | 82.7, 82.7, 100.0 | RGB(82.7%,82.7%,100.0%) |
| CMYK | 17, 17, 0, 0 | |
| HSL | HSL(240.0, 100.0%, 91.4%) | HSL(240.0, 100.0%, 91.4%) |
| HSV (OR HSB) | 240.0°, 17.3, 100.0 | |
| WEB SAFE | #204204255 | #204204255 |
| BINARY | 11010011, 11010011, 11111111 | |
| iOS - SwiftUI | Color(red: 0.827, green: 0.827, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.827, green: 0.827, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFFD3D3FF) |
