Metro Halo Glow UI

Halo Blue
#9acdff
Glow Pink
#ffb4d0
Deep Charcoal
#1b1e24
Panel Mist
#eceff4
Sunset Orange UI
#ff9367
Modern Soft White
#fdfdfd
Transit Violet
#6b5cff

La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Halo Blue #9acdff et Glow Pink #ffb4d0. La palette a une température de couleur Froid, Neutre, Chaud.

En luminosité, cette palette va de #1B1E24 (plus sombre) à #FDFDFD (plus clair). L’écart de luminosité est large.

La saturation semble globalement vive (chromie élevée).

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

La plupart des pastilles lisent comme neutres en température.

Codes HEX (triés) : #1B1E24, #6B5CFF, #9ACDFF, #ECEFF4, #FDFDFD, #FF9367, #FFB4D0

La palette Metro Halo Glow UI a une combinaison de couleurs de codes 7:

HEX: #9acdff, RVB: (154, 205, 255); HEX: #ffb4d0, RVB: (255, 180, 208); HEX: #1b1e24, RVB: (27, 30, 36)

HEX: #eceff4, RVB: (236, 239, 244); HEX: #ff9367, RVB: (255, 147, 103); HEX: #fdfdfd, RVB: (253, 253, 253)

HEX: #6b5cff, RVB: (107, 92, 255)

Version simplifiée des couleurs de la palette

Ombre de lightskyblue, Ombre de lightpink, Ombre de Noir, Nuance de aliceblue, Nuance de lightsalmon, Nuance de Blanc, Nuance de mediumslateblue

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

Plus de palettes avec:

Codes couleurs dans la palette

Metro Halo Glow UI codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#9acdff	#9acdff	RVB(154, 205, 255)	Halo Blue	—
#ffb4d0	#ffb4d0	RVB(255, 180, 208)	Glow Pink	—
#1b1e24	#1b1e24	RVB(27, 30, 36)	Deep Charcoal	—
#eceff4	#eceff4	RVB(236, 239, 244)	Panel Mist	—
#ff9367	#ff9367	RVB(255, 147, 103)	Sunset Orange UI	—
#fdfdfd	#fdfdfd	RVB(253, 253, 253)	Modern Soft White	Brilliance
#6b5cff	#6b5cff	RVB(107, 92, 255)	Transit Violet	—

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
#9acdff	#ffb4d0	1.01
#9acdff	#eceff4	1.45
#9acdff	#ff9367	1.3
#9acdff	#fdfdfd	1.64
#ffb4d0	#eceff4	1.43
#ffb4d0	#ff9367	1.31

Palette d'images Metro Halo Glow UI png

--color-halo-blue:	#9acdff;
--color-glow-pink:	#ffb4d0;
--color-deep-charcoal:	#1b1e24;
--color-panel-mist:	#eceff4;
--color-sunset-orange-ui:	#ff9367;
--color-modern-soft-white:	#fdfdfd;
--color-transit-violet:	#6b5cff;

$color-halo-blue:	#9acdff;
$color-glow-pink:	#ffb4d0;
$color-deep-charcoal:	#1b1e24;
$color-panel-mist:	#eceff4;
$color-sunset-orange-ui:	#ff9367;
$color-modern-soft-white:	#fdfdfd;
$color-transit-violet:	#6b5cff;

@color-halo-blue:	#9acdff;
@color-glow-pink:	#ffb4d0;
@color-deep-charcoal:	#1b1e24;
@color-panel-mist:	#eceff4;
@color-sunset-orange-ui:	#ff9367;
@color-modern-soft-white:	#fdfdfd;
@color-transit-violet:	#6b5cff;