Gerar paleta
  1. Paletas de cores
  2. Progressive Web App Surface

Progressive Web App Surface

  • Install Teal
    #0bc9cd
  • Offline Buff
    #f2e9e4
  • Manifest Blue
    #3c91e6
  • Push Coral
    #ef476f
  • Navigation Graphite
    #222222
  • Speed Index Yellow
    #ffd166
  6
Criado em 07/07/2025 17:10
porpalettespicker
A paleta consiste em cores Claro, Escuro. Cores de destaque Install Teal #0bc9cd e Speed Index Yellow #ffd166. A paleta tem Frio, Neutro, Quente temperatura de cores.

Em luminosidade, a paleta vai de #222222 (mais escuro) a #F2E9E4 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto) — 67% 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): #0BC9CD, #222222, #3C91E6, #EF476F, #F2E9E4, #FFD166

A paleta Progressive Web App Surface combina 6 códigos de cor:
HEX: #0bc9cd, RGB: (11, 201, 205); HEX: #f2e9e4, RGB: (242, 233, 228); HEX: #3c91e6, RGB: (60, 145, 230)
HEX: #ef476f, RGB: (239, 71, 111); HEX: #222222, RGB: (34, 34, 34); HEX: #ffd166, RGB: (255, 209, 102)
Versão simplificada das cores da paleta
Tom escuro de Turquesa-escuro, Tom escuro de Linho, Tom claro de Azul-dodger, Tom claro de Vermelho-indiano, Tom claro de Preto, Tom claro de Dourado
O esquema de cores foi criado por palettespicker

Códigos de cores na paleta

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

Cor HEX RGB Nome nome alternativo
#0bc9cd #0bc9cd RGB(11, 201, 205)Install Teal—
#f2e9e4 #f2e9e4 RGB(242, 233, 228)Offline Buff—
#3c91e6 #3c91e6 RGB(60, 145, 230)Manifest Blue—
#ef476f #ef476f RGB(239, 71, 111)Push Coral—
#222222 #222222 RGB(34, 34, 34)Navigation GraphiteBlack Out
#ffd166 #ffd166 RGB(255, 209, 102)Speed Index Yellow—

Contraste da paleta de cores

6 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
#0bc9cd
#f2e9e4
1.71
#0bc9cd
#3c91e6
1.6
#0bc9cd
#ef476f
1.76
#0bc9cd
#ffd166
1.42
#f2e9e4
#ffd166
1.2
#3c91e6
#ef476f
1.1

Paleta de imagens Progressive Web App Surface png

Progressive Web App Surface paleta de cores: Install Teal, Offline Buff, Manifest Blue, Push Coral, Navigation Graphite
 Baixar imagem