Criado em 07/22/2025 11:22
Mobile App HyperUI Trends Toolkit
- Pastel Prompt Blue#bbdefb
- Dashboard Salmon#ff8a80
- Onboarding Sky#81d4fa
- Card Shell Gray#ececec
- Interactive Shadow#b0bec5
- Tap Highlight Navy#3d5afe
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Dashboard Salmon #ff8a80 e Tap Highlight Navy #3d5afe. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3D5AFE (mais escuro) a #ECECEC (mais claro). A faixa de luminosidade é moderada.
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): #3D5AFE, #81D4FA, #B0BEC5, #BBDEFB, #ECECEC, #FF8A80
A paleta Mobile App HyperUI Trends Toolkit tem uma combinação de cores de códigos de 6:
HEX: #bbdefb, RGB: (187, 222, 251); HEX: #ff8a80, RGB: (255, 138, 128); HEX: #81d4fa, RGB: (129, 212, 250)
HEX: #ececec, RGB: (236, 236, 236); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #3d5afe, RGB: (61, 90, 254)
Versão simplificada das cores da paleta
Sombra de lightsteelblue, Sombra de salmon, Sombra de skyblue, Matiz de whitesmoke, Matiz de Prata, Matiz de royalblue
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Mobile App HyperUI Trends Toolkit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #bbdefb | #bbdefb | RGB(187, 222, 251) | Pastel Prompt Blue | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | Dashboard Salmon | — |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | Onboarding Sky | — |
| #ececec | #ececec | RGB(236, 236, 236) | Card Shell Gray | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Interactive Shadow | Ocean Drive |
| #3d5afe | #3d5afe | RGB(61, 90, 254) | Tap Highlight Navy | — |
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 |
#bbdefb | #ff8a80 | 1.62 |
#bbdefb | #81d4fa | 1.17 |
#bbdefb | #ececec | 1.18 |
#bbdefb | #b0bec5 | 1.35 |
#ff8a80 | #81d4fa | 1.38 |
#ff8a80 | #ececec | 1.93 |
Paleta de imagens Mobile App HyperUI Trends Toolkit png
Exportar paleta
Baixe a "Mobile App HyperUI Trends Toolkit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: