Gerar paleta
  1. Paletas de cores
  2. Progressive Web App Interface Kit

Progressive Web App Interface Kit

  • Manifest Aqua
    #5ee2ff
  • Service Worker Grey
    #6b7280
  • Offline Peach
    #ffd6a5
  • Push Coral
    #ff6b6b
  • Splash White
    #f8fafc
  • Install Shadow
    #1f2937
  • Viewport Mint
    #d3f9d8
  1
Criado em 06/13/2025 11:46
porpalettespicker
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Manifest Aqua #5ee2ff e Offline Peach #ffd6a5. A paleta tem Frio, Neutro, Quente temperatura de cores.

Em luminosidade, a paleta vai de #1F2937 (mais escuro) a #F8FAFC (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto) — 57% das cores são vívidas.

Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.

No geral, a temperatura tende para o frio (3 de 7).

Códigos HEX (ordenados): #1F2937, #5EE2FF, #6B7280, #D3F9D8, #F8FAFC, #FF6B6B, #FFD6A5

A paleta Progressive Web App Interface Kit combina 7 códigos de cor:
HEX: #5ee2ff, RGB: (94, 226, 255); HEX: #6b7280, RGB: (107, 114, 128); HEX: #ffd6a5, RGB: (255, 214, 165)
HEX: #ff6b6b, RGB: (255, 107, 107); HEX: #f8fafc, RGB: (248, 250, 252); HEX: #1f2937, RGB: (31, 41, 55)
HEX: #d3f9d8, RGB: (211, 249, 216)
Versão simplificada das cores da paleta
Tom claro de Azul-céu, Tom escuro de Cinza-ardósia, Tom escuro de Branco-navajo, Tom escuro de Salmão, Tom claro de Fumaça-branca, Tom claro de Preto, Tom escuro de Melão
O esquema de cores foi criado por palettespicker

Códigos de cores na paleta

Progressive Web App Interface Kit códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#5ee2ff #5ee2ff RGB(94, 226, 255)Manifest Aqua—
#6b7280 #6b7280 RGB(107, 114, 128)Service Worker Grey—
#ffd6a5 #ffd6a5 RGB(255, 214, 165)Offline Peach—
#ff6b6b #ff6b6b RGB(255, 107, 107)Push Coral—
#f8fafc #f8fafc RGB(248, 250, 252)Splash White—
#1f2937 #1f2937 RGB(31, 41, 55)Install Shadow—
#d3f9d8 #d3f9d8 RGB(211, 249, 216)Viewport Mint—

Contraste da paleta de cores

8 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
#5ee2ff
#ffd6a5
1.11
#5ee2ff
#ff6b6b
1.82
#5ee2ff
#f8fafc
1.45
#5ee2ff
#d3f9d8
1.32
#6b7280
#ff6b6b
1.74
#ffd6a5
#f8fafc
1.3

Paleta de imagens Progressive Web App Interface Kit png

Progressive Web App Interface Kit - #552090
 Baixar imagem