Criado em 07/23/2025 08:34
Progressive Web App UI Tokens
Offline Charcoal
#1e1e1e
Sync Teal
#00b4d8
Install Sand
#fdf0d5
Push Violet
#b983ff
UI Grid White
#ffffff
Loader Gray
#a8a8a8
A paleta consiste em cores Escuro, Luz. Cores de destaque Install Sand #fdf0d5 e Push Violet #b983ff. A paleta tem Neutro, Legal temperatura de cores.
A paleta Progressive Web App UI Tokens tem uma combinação de cores de códigos de 6:
HEX: #1e1e1e, RGB: (30, 30, 30); HEX: #00b4d8, RGB: (0, 180, 216); HEX: #fdf0d5, RGB: (253, 240, 213)
HEX: #b983ff, RGB: (185, 131, 255); HEX: #ffffff, RGB: (255, 255, 255); HEX: #a8a8a8, RGB: (168, 168, 168)
Versão simplificada das cores da paleta
Sombra de Preto, Matiz de deepskyblue, Matiz de papayawhip, Sombra de mediumpurple, Branco, Matiz de darkgrey
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Progressive Web App UI Tokens códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Offline Charcoal | — |
| #00b4d8 | #00b4d8 | RGB(0, 180, 216) | Sync Teal | — |
| #fdf0d5 | #fdf0d5 | RGB(253, 240, 213) | Install Sand | — |
| #b983ff | #b983ff | RGB(185, 131, 255) | Push Violet | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | UI Grid White | White |
| #a8a8a8 | #a8a8a8 | RGB(168, 168, 168) | Loader Gray | Uniform Grey |
Contraste da Paleta de Cores
4 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 |
#00b4d8 | #b983ff | 1.09 |
#00b4d8 | #a8a8a8 | 1.03 |
#fdf0d5 | #ffffff | 1.12 |
#b983ff | #a8a8a8 | 1.13 |
Paleta de imagens Progressive Web App UI Tokens png
Exportar paleta
Baixe a "Progressive Web App UI Tokens" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: