Criado em 06/26/2025 08:20
Progressive Web App Spectrum
- Manifest Gold#ffcf33
- Offline Slate#3d3d5c
- Touch Icon Cyan#5ce1e6
- Viewport Blush#ffc8dd
- Install Lavender#cdb4db
- Push Notify Black#121212
- Prompt Cloud#f5f5f5
A paleta consiste em cores Luz, Escuro. Cores de destaque Touch Icon Cyan #5ce1e6 e Viewport Blush #ffc8dd. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #121212 (mais escuro) a #F5F5F5 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
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): #121212, #3D3D5C, #5CE1E6, #CDB4DB, #F5F5F5, #FFC8DD, #FFCF33
A paleta Progressive Web App Spectrum tem uma combinação de cores de códigos de 7:
HEX: #ffcf33, RGB: (255, 207, 51); HEX: #3d3d5c, RGB: (61, 61, 92); HEX: #5ce1e6, RGB: (92, 225, 230)
HEX: #ffc8dd, RGB: (255, 200, 221); HEX: #cdb4db, RGB: (205, 180, 219); HEX: #121212, RGB: (18, 18, 18)
HEX: #f5f5f5, RGB: (245, 245, 245)
Versão simplificada das cores da paleta
Sombra de gold, Matiz de darkslateblue, Sombra de mediumturquoise, Sombra de Rosa, Matiz de thistle, Sombra de Preto
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Progressive Web App Spectrum códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ffcf33 | #ffcf33 | RGB(255, 207, 51) | Manifest Gold | — |
| #3d3d5c | #3d3d5c | RGB(61, 61, 92) | Offline Slate | — |
| #5ce1e6 | #5ce1e6 | RGB(92, 225, 230) | Touch Icon Cyan | — |
| #ffc8dd | #ffc8dd | RGB(255, 200, 221) | Viewport Blush | — |
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Install Lavender | — |
| #121212 | #121212 | RGB(18, 18, 18) | Push Notify Black | Dark Tone Ink |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Prompt Cloud | White Smoke |
Contraste da Paleta de Cores
11 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 |
#ffcf33 | #5ce1e6 | 1.06 |
#ffcf33 | #ffc8dd | 1.02 |
#ffcf33 | #cdb4db | 1.27 |
#ffcf33 | #f5f5f5 | 1.35 |
#3d3d5c | #121212 | 1.8 |
#5ce1e6 | #ffc8dd | 1.08 |
Paleta de imagens Progressive Web App Spectrum png
Exportar paleta
Baixe a "Progressive Web App Spectrum" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: