Hergestellt in 01/02/2026 13:43
Human-Centered AI UX Design Color
- Empathy Indigo#312e81
- Soft Interface Cream#fafaf9
- Trust Teal#14b8a6
- Cognitive Lavender#c4b5fd
- Warm Interaction Peach#fdba74
- Balance Stone Gray#78716c
Die Palette besteht aus Licht-Farben. Akzentfarben Cognitive Lavender #c4b5fd und Warm Interaction Peach #fdba74. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #312E81 (dunkelstes) bis #FAFAF9 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #14B8A6, #312E81, #78716C, #C4B5FD, #FAFAF9, #FDBA74
Die Palette Human-Centered AI UX Design Color enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #312e81, RGB: (49, 46, 129); VERHEXEN: #fafaf9, RGB: (250, 250, 249); VERHEXEN: #14b8a6, RGB: (20, 184, 166)
VERHEXEN: #c4b5fd, RGB: (196, 181, 253); VERHEXEN: #fdba74, RGB: (253, 186, 116); VERHEXEN: #78716c, RGB: (120, 113, 108)
Vereinfachte Version der Palettenfarben
Farbton von darkslateblue, Schatten von whitesmoke, Farbton von lightseagreen, Schatten von lightsteelblue, Schatten von sandybrown, Schatten von dimgrey
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Human-Centered AI UX Design Color Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #312e81 | #312e81 | RGB(49, 46, 129) | Empathy Indigo | — |
| #fafaf9 | #fafaf9 | RGB(250, 250, 249) | Soft Interface Cream | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Trust Teal | — |
| #c4b5fd | #c4b5fd | RGB(196, 181, 253) | Cognitive Lavender | — |
| #fdba74 | #fdba74 | RGB(253, 186, 116) | Warm Interaction Peach | — |
| #78716c | #78716c | RGB(120, 113, 108) | Balance Stone Gray | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#fafaf9 | #c4b5fd | 1.76 |
#fafaf9 | #fdba74 | 1.61 |
#14b8a6 | #c4b5fd | 1.34 |
#14b8a6 | #fdba74 | 1.47 |
#14b8a6 | #78716c | 1.92 |
#c4b5fd | #fdba74 | 1.09 |
Bildpalette Human-Centered AI UX Design Color png
Palette exportieren
Laden Sie die "Human-Centered AI UX Design Color" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: