Criado em 04/24/2023 15:23
  74

Mobile design ui application palette

  • Black
    #141414
  • Pale Blue
    #b4f0f0
  • Anti-Flash White
    #f0f0f0
  • White
    #ffffff
  • Pale Cyan
    #8cdcf0
  • Non-Photo Blue
    #a0dcf0
Loading...
A paleta consiste em cores Escuro, Luz. Cores de destaque White #ffffff e Pale Cyan #8cdcf0. A paleta tem Neutro, Legal temperatura de cores.

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

Saturação mista — tons suaves e acentos mais vivos.

A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #141414, #8CDCF0, #A0DCF0, #B4F0F0, #F0F0F0, #FFFFFF

A paleta Mobile design ui application palette tem uma combinação de cores de códigos de 6:
HEX: #141414, RGB: (20, 20, 20); HEX: #b4f0f0, RGB: (180, 240, 240); HEX: #f0f0f0, RGB: (240, 240, 240)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #8cdcf0, RGB: (140, 220, 240); HEX: #a0dcf0, RGB: (160, 220, 240)
Versão simplificada das cores da paleta
Sombra de Preto, Sombra de paleturquoise, Matiz de whitesmoke, Branco, Sombra de skyblue, Matiz de lightblue
O esquema de cores foi criado por raccoon

Códigos de cores na paleta

Mobile design ui application palette códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#141414 #141414 RGB(20, 20, 20)BlackSooty
#b4f0f0 #b4f0f0 RGB(180, 240, 240)Pale Blue
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Anti-Flash WhiteGray94
#ffffff #ffffff RGB(255, 255, 255)White
#8cdcf0 #8cdcf0 RGB(140, 220, 240)Pale Cyan
#a0dcf0 #a0dcf0 RGB(160, 220, 240)Non-Photo Blue

Contraste da Paleta de Cores

10 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
#b4f0f0
#f0f0f0
1.1
#b4f0f0
#ffffff
1.26
#b4f0f0
#8cdcf0
1.22
#b4f0f0
#a0dcf0
1.19
#f0f0f0
#ffffff
1.13
#f0f0f0
#8cdcf0
1.35

Paleta de imagens Mobile design ui application palette png

Loading...
Loading...