Progressive Web App Canvas
- Install Teal#14b8a6
- Offline Cream#fff7ed
- Cache Indigo#4f46e5
- Manifest Pink#f9a8d4
- Load Gray#6b7280
- Interaction White#ffffff
- Push Gold#facc15
Criado em 06/26/2025 08:42
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Install Teal #14b8a6 e Offline Cream #fff7ed. A paleta tem Frio, Neutro, Quente temperatura de cores.
Em luminosidade, a paleta vai de #4F46E5 (mais escuro) a #FFFFFF (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.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #14B8A6, #4F46E5, #6B7280, #F9A8D4, #FACC15, #FFF7ED, #FFFFFF
A paleta Progressive Web App Canvas combina 7 códigos de cor:
HEX: #14b8a6, RGB: (20, 184, 166); HEX: #fff7ed, RGB: (255, 247, 237); HEX: #4f46e5, RGB: (79, 70, 229)
HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #6b7280, RGB: (107, 114, 128); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #facc15, RGB: (250, 204, 21)
Versão simplificada das cores da paleta
Tom escuro de Verde-mar-claro, Tom escuro de Branco-floral, Tom escuro de Azul-ardósia, Tom claro de Ameixa, Tom escuro de Cinza-ardósia, Branco, Tom escuro de Dourado
O esquema de cores foi criado por colorday
Códigos de cores na paleta
Progressive Web App Canvas códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Install Teal | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Offline Cream | Fatback |
| #4f46e5 | #4f46e5 | RGB(79, 70, 229) | Cache Indigo | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Manifest Pink | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Load Gray | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Interaction White | White |
| #facc15 | #facc15 | RGB(250, 204, 21) | Push Gold | — |
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 | Razão de contraste |
|---|---|---|
#14b8a6 | #f9a8d4 | 1.37 |
#14b8a6 | #6b7280 | 1.94 |
#14b8a6 | #facc15 | 1.62 |
#fff7ed | #f9a8d4 | 1.7 |
#fff7ed | #ffffff | 1.06 |
#fff7ed | #facc15 | 1.44 |
Paleta de imagens Progressive Web App Canvas png
Exportar paleta
Baixe a "Progressive Web App Canvas" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: