Criado em 07/13/2025 17:35
Progressive Web App Theme Builder
- Install Sky#a6e3e9
- Offline Grey#9a9a9a
- Push Mint#ccf6c8
- Splash White#fdfdfd
- Shortcut Yellow#fdcb52
- Responsive Indigo#7b6cf6
A paleta consiste em cores Luz. Cores de destaque Shortcut Yellow #fdcb52 e Responsive Indigo #7b6cf6. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #9A9A9A (mais escuro) a #FDFDFD (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): #7B6CF6, #9A9A9A, #A6E3E9, #CCF6C8, #FDCB52, #FDFDFD
A paleta Progressive Web App Theme Builder tem uma combinação de cores de códigos de 6:
HEX: #a6e3e9, RGB: (166, 227, 233); HEX: #9a9a9a, RGB: (154, 154, 154); HEX: #ccf6c8, RGB: (204, 246, 200)
HEX: #fdfdfd, RGB: (253, 253, 253); HEX: #fdcb52, RGB: (253, 203, 82); HEX: #7b6cf6, RGB: (123, 108, 246)
Versão simplificada das cores da paleta
Matiz de powderblue, Matiz de darkgrey, Sombra de lightgreen, Matiz de Branco, Sombra de gold, Sombra de mediumslateblue
O esquema de cores foi criado por hex
Códigos de cores na paleta
Progressive Web App Theme Builder códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #a6e3e9 | #a6e3e9 | RGB(166, 227, 233) | Install Sky | — |
| #9a9a9a | #9a9a9a | RGB(154, 154, 154) | Offline Grey | — |
| #ccf6c8 | #ccf6c8 | RGB(204, 246, 200) | Push Mint | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Splash White | Brilliance |
| #fdcb52 | #fdcb52 | RGB(253, 203, 82) | Shortcut Yellow | — |
| #7b6cf6 | #7b6cf6 | RGB(123, 108, 246) | Responsive Indigo | — |
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 |
#a6e3e9 | #9a9a9a | 1.98 |
#a6e3e9 | #ccf6c8 | 1.18 |
#a6e3e9 | #fdfdfd | 1.39 |
#a6e3e9 | #fdcb52 | 1.06 |
#9a9a9a | #fdcb52 | 1.85 |
#9a9a9a | #7b6cf6 | 1.4 |
Paleta de imagens Progressive Web App Theme Builder png
Exportar paleta
Baixe a "Progressive Web App Theme Builder" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: