Microfrontend Integration Palette

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

La tavolozza è composta da Leggero, Buio colori. Colori accentati Remote Yellow #fff176 e Fragment Sky #a2d2ff. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.

Per luminosità, la tavolozza va da #1E1E1E (più scuro) a #F8F8F8 (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #1E1E1E, #6A5ACD, #9FA0A2, #A2D2FF, #F8F8F8, #FFF176

La tavolozza Microfrontend Integration Palette ha una combinazione di colori dei codici 6:

ESADECIMALE: #f8f8f8, RGB: (248, 248, 248); ESADECIMALE: #fff176, RGB: (255, 241, 118); ESADECIMALE: #a2d2ff, RGB: (162, 210, 255)

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

Versione semplificata della tavolozza dei colori

Ombra di whitesmoke, Ombra di Cachi, Ombra di lightskyblue, Tonalità di darkgrey, Ombra di Nero

La combinazione di colori è stata creata da coolor

Altre tavolozze con:

Codici colori nella tavolozza

Microfrontend Integration Palette codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#f8f8f8	#f8f8f8	RGB(248, 248, 248)	Shell White	—
#fff176	#fff176	RGB(255, 241, 118)	Remote Yellow	—
#a2d2ff	#a2d2ff	RGB(162, 210, 255)	Fragment Sky	—
#9fa0a2	#9fa0a2	RGB(159, 160, 162)	Isolation Grey	—
#6a5acd	#6a5acd	RGB(106, 90, 205)	Lifecycle Indigo	Ameixa
#1e1e1e	#1e1e1e	RGB(30, 30, 30)	Build Black	—

Contrasto della palette di colori

4 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.

Colore del testo	Colore di sfondo	Rapporto di contrasto
#f8f8f8	#fff176	1.09
#f8f8f8	#a2d2ff	1.49
#fff176	#a2d2ff	1.37
#a2d2ff	#9fa0a2	1.64

Tavolozza immagini 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;