Creado en 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 paleta consta de Luz, Oscuro colores. Colores de acento Ideate Yellow #fff176 y Prototype Sky #aedff7. La paleta tiene temperatura de color Neutral, Cálido, Frío.
Por luminosidad, la paleta va de #263238 (más oscuro) a #FDFDFD (más claro). El rango de luminosidad es amplio.
Saturación mixta: algunos colores apagados y acentos más vivos.
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #263238, #AEDFF7, #D3D3D3, #FDFDFD, #FFD3DA, #FFF176
La paleta Human-Centered Design Thinking UI tiene una combinación de colores de códigos de 6:
HEX: #ffd3da, RGB: (255, 211, 218); HEX: #d3d3d3, RGB: (211, 211, 211); HEX: #fff176, RGB: (255, 241, 118)
HEX: #aedff7, RGB: (174, 223, 247); HEX: #263238, RGB: (38, 50, 56); HEX: #fdfdfd, RGB: (253, 253, 253)
Versión simplificada de la paleta de colores
Sombra de Rosa, Sombra de Caqui, Sombra de lightblue, Matiz de darkslategrey, Matiz de Blanco
El esquema de color fue creado por bad_colors
Códigos de colores en la paleta
Human-Centered Design Thinking UI códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre 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 |
Contraste de la paleta de colores
10 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
#ffd3da | #d3d3d3 | 1.11 |
#ffd3da | #fff176 | 1.16 |
#ffd3da | #aedff7 | 1.06 |
#ffd3da | #fdfdfd | 1.32 |
#d3d3d3 | #fff176 | 1.28 |
#d3d3d3 | #aedff7 | 1.04 |
Paleta de imágenes Human-Centered Design Thinking UI png
Exportar paleta
Descargue la "Human-Centered Design Thinking UI" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: