Blockchain Wallet UI Theme

Balance Mint
#c4fff9
Transaction Grey
#777777
Send Orange
#ffa94d
Receive Green
#00c896
Token Detail White
#fafafa
History Navy
#24305e

A paleta consiste em cores Luz, Escuro. Cores de destaque Balance Mint #c4fff9 e Send Orange #ffa94d. A paleta tem Legal, Neutro, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #24305E (mais escuro) a #FAFAFA (mais claro). A faixa de luminosidade é ampla.

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

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o frio.

Códigos HEX (ordenados): #00C896, #24305E, #777777, #C4FFF9, #FAFAFA, #FFA94D

A paleta Blockchain Wallet UI Theme tem uma combinação de cores de códigos de 6:

HEX: #c4fff9, RGB: (196, 255, 249); HEX: #777777, RGB: (119, 119, 119); HEX: #ffa94d, RGB: (255, 169, 77)

HEX: #00c896, RGB: (0, 200, 150); HEX: #fafafa, RGB: (250, 250, 250); HEX: #24305e, RGB: (36, 48, 94)

Versão simplificada das cores da paleta

Sombra de paleturquoise, Matiz de Cinza, Sombra de sandybrown, Matiz de mediumaquamarine, Sombra de whitesmoke, Sombra de midnightblue

O esquema de cores foi criado por coolor

Mais paletas com:

Códigos de cores na paleta

Blockchain Wallet UI Theme códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#c4fff9	#c4fff9	RGB(196, 255, 249)	Balance Mint	—
#777777	#777777	RGB(119, 119, 119)	Transaction Grey	Steel Wool
#ffa94d	#ffa94d	RGB(255, 169, 77)	Send Orange	—
#00c896	#00c896	RGB(0, 200, 150)	Receive Green	—
#fafafa	#fafafa	RGB(250, 250, 250)	Token Detail White	Dr. White
#24305e	#24305e	RGB(36, 48, 94)	History Navy	—

Contraste da Paleta de Cores

5 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
#c4fff9	#ffa94d	1.72
#c4fff9	#00c896	1.96
#c4fff9	#fafafa	1.05
#ffa94d	#00c896	1.13
#ffa94d	#fafafa	1.82

Paleta de imagens Blockchain Wallet UI Theme png

--color-balance-mint:	#c4fff9;
--color-transaction-grey:	#777777;
--color-send-orange:	#ffa94d;
--color-receive-green:	#00c896;
--color-token-detail-white:	#fafafa;
--color-history-navy:	#24305e;

$color-balance-mint:	#c4fff9;
$color-transaction-grey:	#777777;
$color-send-orange:	#ffa94d;
$color-receive-green:	#00c896;
$color-token-detail-white:	#fafafa;
$color-history-navy:	#24305e;

@color-balance-mint:	#c4fff9;
@color-transaction-grey:	#777777;
@color-send-orange:	#ffa94d;
@color-receive-green:	#00c896;
@color-token-detail-white:	#fafafa;
@color-history-navy:	#24305e;