Hergestellt in 07/13/2025 17:21
Human-Centered Design Thinking UI
- Empathy Pink#ffd3da
- Persona Grey#d3d3d3
- Ideate Yellow#fff176
- Prototype Sky#aedff7
- Test Navy#263238
- Iteration White#fdfdfd
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Ideate Yellow #fff176 und Prototype Sky #aedff7. Palette hat Farbtemperatur Neutral, Warm, Kalt.
Nach Helligkeit reicht diese Palette von #263238 (dunkelstes) bis #FDFDFD (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): #263238, #AEDFF7, #D3D3D3, #FDFDFD, #FFD3DA, #FFF176
Die Palette Human-Centered Design Thinking UI enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ffd3da, RGB: (255, 211, 218); VERHEXEN: #d3d3d3, RGB: (211, 211, 211); VERHEXEN: #fff176, RGB: (255, 241, 118)
VERHEXEN: #aedff7, RGB: (174, 223, 247); VERHEXEN: #263238, RGB: (38, 50, 56); VERHEXEN: #fdfdfd, RGB: (253, 253, 253)
Vereinfachte Version der Palettenfarben
Schatten von Rosa, Schatten von Khaki, Schatten von lightblue, Farbton von darkslategrey, Farbton von Weiss
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Human-Centered Design Thinking UI Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ffd3da | #ffd3da | RGB(255, 211, 218) | Empathy Pink | — |
| #d3d3d3 | #d3d3d3 | RGB(211, 211, 211) | Persona Grey | Pinball |
| #fff176 | #fff176 | RGB(255, 241, 118) | Ideate Yellow | — |
| #aedff7 | #aedff7 | RGB(174, 223, 247) | Prototype Sky | — |
| #263238 | #263238 | RGB(38, 50, 56) | Test Navy | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Iteration White | Brilliance |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ffd3da | #d3d3d3 | 1.11 |
#ffd3da | #fff176 | 1.16 |
#ffd3da | #aedff7 | 1.06 |
#ffd3da | #fdfdfd | 1.32 |
#d3d3d3 | #fff176 | 1.28 |
#d3d3d3 | #aedff7 | 1.04 |
Bildpalette Human-Centered Design Thinking UI png
Palette exportieren
Laden Sie die "Human-Centered Design Thinking UI" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: