Criado em 06/20/2025 17:01
Mobile Interaction Pattern Guide
- Gesture Peach#ffcba4
- Tap Graphite#2f2e33
- Swipe Sky#9ed8f3
- Form Eggshell#fffbf5
- Nav Plum#7a4eab
- Alert Red#f44336
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque Swipe Sky #9ed8f3 e Form Eggshell #fffbf5. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #2F2E33 (mais escuro) a #FFFBF5 (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
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): #2F2E33, #7A4EAB, #9ED8F3, #F44336, #FFCBA4, #FFFBF5
A paleta Mobile Interaction Pattern Guide tem uma combinação de cores de códigos de 6:
HEX: #ffcba4, RGB: (255, 203, 164); HEX: #2f2e33, RGB: (47, 46, 51); HEX: #9ed8f3, RGB: (158, 216, 243)
HEX: #fffbf5, RGB: (255, 251, 245); HEX: #7a4eab, RGB: (122, 78, 171); HEX: #f44336, RGB: (244, 67, 54)
Versão simplificada das cores da paleta
Matiz de peachpuff, Sombra de Preto, Sombra de skyblue, Sombra de floralwhite, Matiz de slateblue, Matiz de tomato
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Mobile Interaction Pattern Guide códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffcba4 | #ffcba4 | RGB(255, 203, 164) | Gesture Peach | Corn Kernel |
| #2f2e33 | #2f2e33 | RGB(47, 46, 51) | Tap Graphite | — |
| #9ed8f3 | #9ed8f3 | RGB(158, 216, 243) | Swipe Sky | — |
| #fffbf5 | #fffbf5 | RGB(255, 251, 245) | Form Eggshell | — |
| #7a4eab | #7a4eab | RGB(122, 78, 171) | Nav Plum | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Alert Red | — |
Contraste da Paleta de Cores
4 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 |
#ffcba4 | #9ed8f3 | 1.05 |
#ffcba4 | #fffbf5 | 1.42 |
#9ed8f3 | #fffbf5 | 1.5 |
#7a4eab | #f44336 | 1.62 |
Paleta de imagens Mobile Interaction Pattern Guide png
Exportar paleta
Baixe a "Mobile Interaction Pattern Guide" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: