Creato a 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
La tavolozza è composta da Leggero, Buio colori. Colori accentati Ideate Yellow #fff176 e Prototype Sky #aedff7. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #263238 (più scuro) a #FDFDFD (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #263238, #AEDFF7, #D3D3D3, #FDFDFD, #FFD3DA, #FFF176
La tavolozza Human-Centered Design Thinking UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffd3da, RGB: (255, 211, 218); ESADECIMALE: #d3d3d3, RGB: (211, 211, 211); ESADECIMALE: #fff176, RGB: (255, 241, 118)
ESADECIMALE: #aedff7, RGB: (174, 223, 247); ESADECIMALE: #263238, RGB: (38, 50, 56); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253)
Versione semplificata della tavolozza dei colori
Ombra di Rosa, Ombra di Cachi, Ombra di lightblue, Tonalità di darkslategrey, Tonalità di Bianco
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Human-Centered Design Thinking UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #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 |
Contrasto della palette di colori
10 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#ffd3da | #d3d3d3 | 1.11 |
#ffd3da | #fff176 | 1.16 |
#ffd3da | #aedff7 | 1.06 |
#ffd3da | #fdfdfd | 1.32 |
#d3d3d3 | #fff176 | 1.28 |
#d3d3d3 | #aedff7 | 1.04 |
Tavolozza immagini Human-Centered Design Thinking UI png
Esporta tavolozza
Scarica la "Human-Centered Design Thinking UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: