Progressive Web Application Matrix
- Manifest Violet#a78bfa
- Install Prompt Teal#2dd4bf
- Service Worker Gray#94a3b8
- Offline Mode Cream#fef9c3
- Push Notification Coral#fb7185
- Sync Cloud Blue#60a5fa
- Shell UI White#f8fafc
Criado em 07/19/2025 07:28
A paleta consiste em cores Claro. Cores de destaque Offline Mode Cream #fef9c3 e Sync Cloud Blue #60a5fa. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #A78BFA (mais escuro) a #F8FAFC (mais claro). A faixa de luminosidade é moderada.
A saturação global parece vívida (croma alto) — 71% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 7).
Códigos HEX (ordenados): #2DD4BF, #60A5FA, #94A3B8, #A78BFA, #F8FAFC, #FB7185, #FEF9C3
A paleta Progressive Web Application Matrix combina 7 códigos de cor:
HEX: #a78bfa, RGB: (167, 139, 250); HEX: #2dd4bf, RGB: (45, 212, 191); HEX: #94a3b8, RGB: (148, 163, 184)
HEX: #fef9c3, RGB: (254, 249, 195); HEX: #fb7185, RGB: (251, 113, 133); HEX: #60a5fa, RGB: (96, 165, 250)
HEX: #f8fafc, RGB: (248, 250, 252)
Versão simplificada das cores da paleta
Tom claro de Roxo-médio, Tom escuro de Turquesa, Tom claro de Cinza-ardósia-claro, Tom escuro de Chiffon-limão, Tom escuro de Coral-claro, Tom claro de Azul-centáurea, Tom claro de Fumaça-branca
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Progressive Web Application Matrix códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Manifest Violet | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Install Prompt Teal | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Service Worker Gray | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Offline Mode Cream | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Push Notification Coral | — |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Sync Cloud Blue | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Shell UI White | — |
Contraste da paleta de cores
13 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#a78bfa | #2dd4bf | 1.46 |
#a78bfa | #94a3b8 | 1.06 |
#a78bfa | #fb7185 | 1.01 |
#a78bfa | #60a5fa | 1.07 |
#2dd4bf | #94a3b8 | 1.37 |
#2dd4bf | #fef9c3 | 1.73 |
Paleta de imagens Progressive Web Application Matrix png
Exportar paleta
Baixe a "Progressive Web Application Matrix" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: