Mobile Banking UI Kit

Balance Blue
#2196f3
Deposit Green
#4caf50
Expense Red
#e57373
Alert Yellow
#fff176
Neutral Gray
#b0bec5
Background White
#ffffff

La palette se compose de Lumière couleurs. Couleurs d'accent Balance Blue #2196f3 et Alert Yellow #fff176. La palette a une température de couleur Froid, Chaud, Neutre.

En luminosité, cette palette va de #4CAF50 (plus sombre) à #FFFFFF (plus clair). L’écart de luminosité est modéré.

Saturation mixte — 2 teintes atténuées et 3 vives sur 6 couleurs.

Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).

La température globale penche vers le froid (3 sur 6).

Codes HEX (triés) : #2196F3, #4CAF50, #B0BEC5, #E57373, #FFF176, #FFFFFF

La palette Mobile Banking UI Kit a une combinaison de couleurs de codes 6:

HEX: #2196f3, RVB: (33, 150, 243); HEX: #4caf50, RVB: (76, 175, 80); HEX: #e57373, RVB: (229, 115, 115)

HEX: #fff176, RVB: (255, 241, 118); HEX: #b0bec5, RVB: (176, 190, 197); HEX: #ffffff, RVB: (255, 255, 255)

Version simplifiée des couleurs de la palette

Ombre de dodgerblue, Nuance de mediumseagreen, Nuance de lightcoral, Ombre de Kaki, Nuance de Argent, Blanc

Le jeu de couleurs a été créé par hex

Codes couleurs dans la palette

Mobile Banking UI Kit codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#2196f3	#2196f3	RVB(33, 150, 243)	Balance Blue	—
#4caf50	#4caf50	RVB(76, 175, 80)	Deposit Green	—
#e57373	#e57373	RVB(229, 115, 115)	Expense Red	—
#fff176	#fff176	RVB(255, 241, 118)	Alert Yellow	—
#b0bec5	#b0bec5	RVB(176, 190, 197)	Neutral Gray	Ocean Drive
#ffffff	#ffffff	RVB(255, 255, 255)	Background White	White

Contraste de la palette de couleurs

9 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.

Couleur du texte	Couleur de l'arrière plan	Rapport de contraste
#2196f3	#4caf50	1.12
#2196f3	#e57373	1.04
#2196f3	#b0bec5	1.63
#4caf50	#e57373	1.07
#4caf50	#b0bec5	1.45
#e57373	#b0bec5	1.56

Palette d'images Mobile Banking UI Kit png

--color-balance-blue:	#2196f3;
--color-deposit-green:	#4caf50;
--color-expense-red:	#e57373;
--color-alert-yellow:	#fff176;
--color-neutral-gray:	#b0bec5;
--color-background-white:	#ffffff;

$color-balance-blue:	#2196f3;
$color-deposit-green:	#4caf50;
$color-expense-red:	#e57373;
$color-alert-yellow:	#fff176;
$color-neutral-gray:	#b0bec5;
$color-background-white:	#ffffff;

@color-balance-blue:	#2196f3;
@color-deposit-green:	#4caf50;
@color-expense-red:	#e57373;
@color-alert-yellow:	#fff176;
@color-neutral-gray:	#b0bec5;
@color-background-white:	#ffffff;