Battle Card Arena UI

Mana Charge Blue

#60a5fa

Legendary Drop Gold

#ffd700

Turn Timer Gray

#9ca3af

Attack FX Red

#f43f5e

Defense Buff Green

#34d399

Deck Panel Black

#1e1e1e

A paleta consiste em cores Luz, Escuro. Cores de destaque Mana Charge Blue #60a5fa e Legendary Drop Gold #ffd700. A paleta tem Legal, Esquentar, Neutro temperatura de cores.

A paleta Battle Card Arena UI tem uma combinação de cores de códigos de 6:

HEX: #60a5fa, RGB: (96, 165, 250); HEX: #ffd700, RGB: (255, 215, 0); HEX: #9ca3af, RGB: (156, 163, 175)

HEX: #f43f5e, RGB: (244, 63, 94); HEX: #34d399, RGB: (52, 211, 153); HEX: #1e1e1e, RGB: (30, 30, 30)

Versão simplificada das cores da paleta

Sombra de cornflowerblue, gold, Matiz de darkgrey, Matiz de indianred, Matiz de mediumaquamarine, Sombra de Preto

O esquema de cores foi criado por colorday

Mais paletas com:

Códigos de cores na paleta

Battle Card Arena UI códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#60a5fa	#60a5fa	RGB(96, 165, 250)	Mana Charge Blue	—
#ffd700	#ffd700	RGB(255, 215, 0)	Legendary Drop Gold	Gold
#9ca3af	#9ca3af	RGB(156, 163, 175)	Turn Timer Gray	—
#f43f5e	#f43f5e	RGB(244, 63, 94)	Attack FX Red	—
#34d399	#34d399	RGB(52, 211, 153)	Defense Buff Green	—
#1e1e1e	#1e1e1e	RGB(30, 30, 30)	Deck Panel Black	—

Contraste da Paleta de Cores

9 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
#60a5fa	#ffd700	1.81
#60a5fa	#9ca3af	1
#60a5fa	#f43f5e	1.44
#60a5fa	#34d399	1.32
#ffd700	#9ca3af	1.81
#ffd700	#34d399	1.37

Paleta de imagens Battle Card Arena UI png

--color-mana-charge-blue:	#60a5fa;
--color-legendary-drop-gold:	#ffd700;
--color-turn-timer-gray:	#9ca3af;
--color-attack-fx-red:	#f43f5e;
--color-defense-buff-green:	#34d399;
--color-deck-panel-black:	#1e1e1e;

$color-mana-charge-blue:	#60a5fa;
$color-legendary-drop-gold:	#ffd700;
$color-turn-timer-gray:	#9ca3af;
$color-attack-fx-red:	#f43f5e;
$color-defense-buff-green:	#34d399;
$color-deck-panel-black:	#1e1e1e;

@color-mana-charge-blue:	#60a5fa;
@color-legendary-drop-gold:	#ffd700;
@color-turn-timer-gray:	#9ca3af;
@color-attack-fx-red:	#f43f5e;
@color-defense-buff-green:	#34d399;
@color-deck-panel-black:	#1e1e1e;