Criado em 06/20/2025 07:43
Progressive Web App Studio
- Manifest Sky#7ddfff
- Offline Ink#2a2e45
- Install Cream#fff9e6
- Push Coral#ff6e6c
- Responsive Mint#a3f7bf
- ServiceWorker Graphite#353535
A paleta consiste em cores Luz, Escuro. Cores de destaque Manifest Sky #7ddfff e Install Cream #fff9e6. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #353535 (mais escuro) a #FFF9E6 (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 frio.
Códigos HEX (ordenados): #2A2E45, #353535, #7DDFFF, #A3F7BF, #FF6E6C, #FFF9E6
A paleta Progressive Web App Studio tem uma combinação de cores de códigos de 6:
HEX: #7ddfff, RGB: (125, 223, 255); HEX: #2a2e45, RGB: (42, 46, 69); HEX: #fff9e6, RGB: (255, 249, 230)
HEX: #ff6e6c, RGB: (255, 110, 108); HEX: #a3f7bf, RGB: (163, 247, 191); HEX: #353535, RGB: (53, 53, 53)
Versão simplificada das cores da paleta
Sombra de skyblue, Sombra de midnightblue, Sombra de oldlace, Matiz de salmon, Sombra de aquamarine, Sombra de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Progressive Web App Studio códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #7ddfff | #7ddfff | RGB(125, 223, 255) | Manifest Sky | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Offline Ink | — |
| #fff9e6 | #fff9e6 | RGB(255, 249, 230) | Install Cream | — |
| #ff6e6c | #ff6e6c | RGB(255, 110, 108) | Push Coral | — |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Responsive Mint | — |
| #353535 | #353535 | RGB(53, 53, 53) | ServiceWorker Graphite | — |
Contraste da Paleta de Cores
5 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 |
|---|---|---|
#7ddfff | #fff9e6 | 1.43 |
#7ddfff | #ff6e6c | 1.8 |
#7ddfff | #a3f7bf | 1.19 |
#2a2e45 | #353535 | 1.08 |
#fff9e6 | #a3f7bf | 1.2 |
Paleta de imagens Progressive Web App Studio png
Exportar paleta
Baixe a "Progressive Web App Studio" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: