Microfrontend Integration Palette

Shell White
#f8f8f8
Remote Yellow
#fff176
Fragment Sky
#a2d2ff
Isolation Grey
#9fa0a2
Lifecycle Indigo
#6a5acd
Build Black
#1e1e1e

La palette se compose de Lumière, Sombre couleurs. Couleurs d'accent Remote Yellow #fff176 et Fragment Sky #a2d2ff. La palette a une température de couleur Neutre, Chaud, Froid.

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

Saturation mixte — passages atténués et accents plus vifs.

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

La température globale penche vers le froid.

Codes HEX (triés) : #1E1E1E, #6A5ACD, #9FA0A2, #A2D2FF, #F8F8F8, #FFF176

La palette Microfrontend Integration Palette a une combinaison de couleurs de codes 6:

HEX: #f8f8f8, RVB: (248, 248, 248); HEX: #fff176, RVB: (255, 241, 118); HEX: #a2d2ff, RVB: (162, 210, 255)

HEX: #9fa0a2, RVB: (159, 160, 162); HEX: #6a5acd, RVB: (106, 90, 205); HEX: #1e1e1e, RVB: (30, 30, 30)

Version simplifiée des couleurs de la palette

Ombre de whitesmoke, Ombre de Kaki, Ombre de lightskyblue, Nuance de darkgrey, Ombre de Noir

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

Plus de palettes avec:

Codes couleurs dans la palette

Microfrontend Integration Palette codes de couleur HEX, informations RVB dans le tableau

Couleur	HEX	RVB	Nom	Autre nom
#f8f8f8	#f8f8f8	RVB(248, 248, 248)	Shell White	—
#fff176	#fff176	RVB(255, 241, 118)	Remote Yellow	—
#a2d2ff	#a2d2ff	RVB(162, 210, 255)	Fragment Sky	—
#9fa0a2	#9fa0a2	RVB(159, 160, 162)	Isolation Grey	—
#6a5acd	#6a5acd	RVB(106, 90, 205)	Lifecycle Indigo	Ameixa
#1e1e1e	#1e1e1e	RVB(30, 30, 30)	Build Black	—

Contraste de la palette de couleurs

4 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
#f8f8f8	#fff176	1.09
#f8f8f8	#a2d2ff	1.49
#fff176	#a2d2ff	1.37
#a2d2ff	#9fa0a2	1.64

Palette d'images Microfrontend Integration Palette png

Microfrontend Integration Palette - #555329

--color-shell-white:	#f8f8f8;
--color-remote-yellow:	#fff176;
--color-fragment-sky:	#a2d2ff;
--color-isolation-grey:	#9fa0a2;
--color-lifecycle-indigo:	#6a5acd;
--color-build-black:	#1e1e1e;

$color-shell-white:	#f8f8f8;
$color-remote-yellow:	#fff176;
$color-fragment-sky:	#a2d2ff;
$color-isolation-grey:	#9fa0a2;
$color-lifecycle-indigo:	#6a5acd;
$color-build-black:	#1e1e1e;

@color-shell-white:	#f8f8f8;
@color-remote-yellow:	#fff176;
@color-fragment-sky:	#a2d2ff;
@color-isolation-grey:	#9fa0a2;
@color-lifecycle-indigo:	#6a5acd;
@color-build-black:	#1e1e1e;