Criado em 06/09/2025 09:58
Mobile Gesture UX Kit
- Swipe Cyan#7de2fc
- Tap Coral#ff9f9f
- Zoom Ice#ecfdf5
- Hold Charcoal#242424
- Flick Lilac#eadcfd
- DoubleTap Butter#fff59d
A paleta consiste em cores Luz, Escuro. Cores de destaque Swipe Cyan #7de2fc e DoubleTap Butter #fff59d. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #242424 (mais escuro) a #ECFDF5 (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 quente.
Códigos HEX (ordenados): #242424, #7DE2FC, #EADCFD, #ECFDF5, #FF9F9F, #FFF59D
A paleta Mobile Gesture UX Kit tem uma combinação de cores de códigos de 6:
HEX: #7de2fc, RGB: (125, 226, 252); HEX: #ff9f9f, RGB: (255, 159, 159); HEX: #ecfdf5, RGB: (236, 253, 245)
HEX: #242424, RGB: (36, 36, 36); HEX: #eadcfd, RGB: (234, 220, 253); HEX: #fff59d, RGB: (255, 245, 157)
Versão simplificada das cores da paleta
Sombra de skyblue, Sombra de lightcoral, Matiz de honeydew, Sombra de Preto, Matiz de lavender, Sombra de Cáqui
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Mobile Gesture UX Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #7de2fc | #7de2fc | RGB(125, 226, 252) | Swipe Cyan | — |
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Tap Coral | — |
| #ecfdf5 | #ecfdf5 | RGB(236, 253, 245) | Zoom Ice | — |
| #242424 | #242424 | RGB(36, 36, 36) | Hold Charcoal | Gray14 |
| #eadcfd | #eadcfd | RGB(234, 220, 253) | Flick Lilac | — |
| #fff59d | #fff59d | RGB(255, 245, 157) | DoubleTap Butter | — |
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 |
#7de2fc | #ff9f9f | 1.32 |
#7de2fc | #ecfdf5 | 1.4 |
#7de2fc | #eadcfd | 1.14 |
#7de2fc | #fff59d | 1.32 |
#ff9f9f | #ecfdf5 | 1.86 |
#ff9f9f | #eadcfd | 1.5 |
Paleta de imagens Mobile Gesture UX Kit png
Exportar paleta
Baixe a "Mobile Gesture UX Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: