Lightmode Web3 Wallet UX

  • Crypto Cream
    #fffde7
  • Chain Violet
    #ae92f7
  • Token Teal
    #41ead4
  • Transfer Gray
    #f0f0f0
  • Hover Gold
    #ffda7b
  • Wallet Black
    #121416
  1
Criado em 07/04/2025 10:06
A paleta consiste em cores Claro, Escuro. Cores de destaque Crypto Cream #fffde7 e Chain Violet #ae92f7. A paleta tem Neutro, Frio, Quente temperatura de cores.

Em luminosidade, a paleta vai de #121416 (mais escuro) a #FFFDE7 (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.

No geral, a temperatura tende para o frio (2 de 6).

Códigos HEX (ordenados): #121416, #41EAD4, #AE92F7, #F0F0F0, #FFDA7B, #FFFDE7

A paleta Lightmode Web3 Wallet UX combina 6 códigos de cor:
HEX: #fffde7, RGB: (255, 253, 231); HEX: #ae92f7, RGB: (174, 146, 247); HEX: #41ead4, RGB: (65, 234, 212)
HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #ffda7b, RGB: (255, 218, 123); HEX: #121416, RGB: (18, 20, 22)
Versão simplificada das cores da paleta
Tom claro de Bege, Tom claro de Roxo-médio, Tom claro de Turquesa, Tom escuro de Fumaça-branca, Tom escuro de Cáqui, Tom claro de Preto
O esquema de cores foi criado por colorscheme

Códigos de cores na paleta

Lightmode Web3 Wallet UX códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#fffde7#fffde7RGB(255, 253, 231)Crypto Cream—
#ae92f7#ae92f7RGB(174, 146, 247)Chain Violet—
#41ead4#41ead4RGB(65, 234, 212)Token Teal—
#f0f0f0#f0f0f0RGB(240, 240, 240)Transfer GrayGray94
#ffda7b#ffda7bRGB(255, 218, 123)Hover Gold—
#121416#121416RGB(18, 20, 22)Wallet Black—

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 textoCor de fundoRazão de contraste
#fffde7
#41ead4
1.46
#fffde7
#f0f0f0
1.11
#fffde7
#ffda7b
1.31
#ae92f7
#41ead4
1.68
#ae92f7
#ffda7b
1.88
#41ead4
#f0f0f0
1.32

Paleta de imagens Lightmode Web3 Wallet UX png