Indigo wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #560591
- RGB-Wert: 33,7 % Rot, 2 % Grün und 56,9 % 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, Indigo in deinen Designs zu verwenden:
- Benachrichtigungen ohne Dringlichkeit erstellen. Dank seines satten Tons eignet sich Indigo ideal, um die Aufmerksamkeit der Nutzer auf Statusabzeichen oder Hinweise zu lenken, die keine sofortige Aktion erfordern.
- Geduld fördern. Verwende Indigo für Ladebalken und -bildschirme. Sein Ton, der im Blau verwurzelt ist, vermittelt ein Gefühl der Ruhe – perfekt, wenn du möchtest, dass ein Nutzer einen Moment wartet.
- Datenpunkte hervorheben. Indigo zieht Aufmerksamkeit auf sich und bleibt dabei professionell. Verwende Indigo als Label, um interessante Punkte in einem Diagramm oder innerhalb einer Datensammlung hervorzuheben.
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 markanten, eleganten Spektrums wie Indigo, ziehe in Betracht:
- Royal Purple (#7851A9) fasziniert mit seinem luxuriösen und eleganten Erscheinungsbild, verstärkt durch eine subtile rote Nuance.
- Marineblau (#000080) ist ein dunkler Blauton, der Indigos tiefer, reicher Erscheinung ähnelt.
- Preußischblau (#003153) ist ein dunklerer Indigoton mit grünen Elementen, der ein kühnes Gefühl von Eleganz und Geschichte hervorruft.
- Periwinkle (#CCCCFF) bietet eine gedämpfte Version von Indigo, die Zartheit über Lebendigkeit bevorzugt.
Um Indigo zu ergänzen, kombiniere es mit:
- Weiß (#FFFFFF), eine klassische Kombinationsmöglichkeit für Indigo, bietet einen raffinierten Kontrast.
- Gold (#EFBF04) verleiht in Kombination mit Indigo einen königlichen Touch und Eleganz und inspiriert ein Gefühl von Pracht.
- Pastellgelb (#FFEE8C) ist ideal für eine dynamische Kombination mit Indigo und schafft eine gedämpfte Energie.
- Altrosa (#DCA1A1) und Indigo wecken Gefühle von Weiblichkeit und Romantik.
- Orange (#FFA500) in Kombination mit Indigo erzeugt eine lebendige, spielerische Atmosphäre.
Weitere Farben, die in Betracht gezogen werden sollten, sind Silber und Creme für ihr natürliches, raffiniertes Erscheinungsbild. Hellgrün und Taupe passen ebenfalls gut zu Indigo und schaffen ein Gefühl von ruhiger Stabilität.
Während Indigo zurückhaltend ist, kann es mit folgenden Farben im Kontrast stehen:
- Schwarz (#000000) hat eine Tiefe, die neben Indigo überwältigend wirken kann.
- Neongrün (#2CFF05) ist ein intensiver Farbton, der mit Indigo einen störenden Effekt erzeugen kann.
- Senfgelb (#FFDB58) kann zu hell sein, um mit Indigo kombiniert zu werden, und ein Gefühl von Ungleichgewicht schaffen.
- Weinrot (#550000) hat tiefe, warme Rottöne, die unangenehm wirken können, wenn sie mit Indigos kühlerem Ton kombiniert werden.
- Knallpink (#FF69B4) steht mit Indigo im Kontrast aufgrund seiner Lebendigkeit und der rot-blauen Untertöne.
Indigo steht für Weisheit, Vertrauen und Luxus.
In der Farbpsychologie kann Indigos Verbindung zu Königlichkeit und Weisheit ein Gefühl von Vertrauen und Zuverlässigkeit fördern. Sein beruhigendes Erscheinungsbild kann auch Gefühle von Gelassenheit hervorrufen und Frieden und Ruhe ausstrahlen.
Indigo wird im UI-Design verwendet, um ein Gefühl von Vertrauen und Kontrolle zu vermitteln, was es zu einer soliden Wahl für Finanzanwendungen und andere Bereiche macht, in denen Vertrauen das Ziel ist.
Das Wort „Indigo“ stammt vom griechischen Begriff für „indische Farbe“, was es mit dem Land verbindet, das für seine Produktion bekannt ist. Seine erste dokumentierte Verwendung war 4000 v. Chr., als Peruaner das Pigment aus der Indigofera tinctoria-Pflanze extrahierten.
Im 16. Jahrhundert war Indigo aufgrund seiner Seltenheit sehr begehrt. Sein tiefer Farbton symbolisierte Reichtum und Königlichkeit, und die Farbe wurde oft für luxuriöse Textilien verwendet. Im späten 19. Jahrhundert wurde synthetisches Indigo erfunden, wodurch die Farbe zugänglicher wurde. Heute wird es in Mode, Inneneinrichtung und digitalem UI-Design verwendet.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Purple Rain
Iris Bouquet
True Drama
Kontrastprüfer
Kontrast 11,5
- Großer Text
#560591
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 1,83
- Großer Text
#560591
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #560591, bekannt als Indigo, hat die RGB-Werte R:86, G:5, B:145 und die CMYK-Werte C:41, M:97, Y:0, K:43.
| VALUE | CSS | |
|---|---|---|
| HEX | #560591 | #560591 |
| RGB DECIMAL | 86, 5, 145 | RGB(86,5,145) |
| RGB PERCENTAGE | 33.7, 2.0, 56.9 | RGB(33.7%,2.0%,56.9%) |
| CMYK | 41, 97, 0, 43 | |
| HSL | HSL(274.7, 93.3%, 29.4%) | HSL(274.7, 93.3%, 29.4%) |
| HSV (OR HSB) | 274.7°, 96.6, 56.9 | |
| WEB SAFE | #1020153 | #1020153 |
| BINARY | 01010110, 00000101, 10010001 | |
| iOS - SwiftUI | Color(red: 0.337, green: 0.020, blue: 0.569) | |
| iOS - UIKit | UIColor(red: 0.337, green: 0.020, blue: 0.569, alpha: 1) | |
| Android - Compose | Color(0xFF560591) |
