Criado em 06/19/2025 20:41
Interaction Design Pattern Hub
- Microinteract Orange#ff914d
- Modal White#fdfdfd
- Click Gray#bdbdbd
- Scroll Navy#2e2e6a
- Popup Gold#f4c542
- Dropdown Moss#9ec183
A paleta consiste em cores Luz. Cores de destaque Microinteract Orange #ff914d e Scroll Navy #2e2e6a. A paleta tem Esquentar, Neutro, Legal temperatura de cores.
Em luminosidade, a paleta vai de #2E2E6A (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 quente.
Códigos HEX (ordenados): #2E2E6A, #9EC183, #BDBDBD, #F4C542, #FDFDFD, #FF914D
A paleta Interaction Design Pattern Hub tem uma combinação de cores de códigos de 6:
HEX: #ff914d, RGB: (255, 145, 77); HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #bdbdbd, RGB: (189, 189, 189)
HEX: #2e2e6a, RGB: (46, 46, 106); HEX: #f4c542, RGB: (244, 197, 66); HEX: #9ec183, RGB: (158, 193, 131)
Versão simplificada das cores da paleta
Matiz de sandybrown, Matiz de Branco, Matiz de Prata, Sombra de midnightblue, Matiz de gold, Sombra de darkseagreen
O esquema de cores foi criado por colourlock
Códigos de cores na paleta
Interaction Design Pattern Hub códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ff914d | #ff914d | RGB(255, 145, 77) | Microinteract Orange | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Modal White | Brilliance |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Click Gray | Gray74 |
| #2e2e6a | #2e2e6a | RGB(46, 46, 106) | Scroll Navy | — |
| #f4c542 | #f4c542 | RGB(244, 197, 66) | Popup Gold | — |
| #9ec183 | #9ec183 | RGB(158, 193, 131) | Dropdown Moss | — |
Contraste da Paleta de Cores
9 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 |
#ff914d | #bdbdbd | 1.18 |
#ff914d | #f4c542 | 1.37 |
#ff914d | #9ec183 | 1.1 |
#fdfdfd | #bdbdbd | 1.84 |
#fdfdfd | #f4c542 | 1.59 |
#fdfdfd | #9ec183 | 1.98 |
Paleta de imagens Interaction Design Pattern Hub png
Exportar paleta
Baixe a "Interaction Design Pattern Hub" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: