Criado em 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
A paleta consiste em cores Luz, Escuro. Cores de destaque Ideate Yellow #fff176 e Prototype Sky #aedff7. A paleta tem Neutro, Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #263238 (mais escuro) a #FDFDFD (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #263238, #AEDFF7, #D3D3D3, #FDFDFD, #FFD3DA, #FFF176
A paleta Human-Centered Design Thinking UI tem uma combinação de cores 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)
Versão simplificada das cores da paleta
Sombra de Rosa, Sombra de Cáqui, Sombra de lightblue, Matiz de darkslategrey, Matiz de Branco
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Human-Centered Design Thinking UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | 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 |
Contraste da Paleta de Cores
10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa 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 imagens Human-Centered Design Thinking UI png
Exportar paleta
Baixe a "Human-Centered Design Thinking UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: