Creato a 06/19/2025 20:57
JS Microfrontend Toolkit
- Bundle Orange#ffa36b
- LazyLoad Aqua#8af8e6
- Script Background#fcfcfc
- Shadow Dom Gray#bdbfc3
- Component Black#1a1a1a
- UI Link Purple#aa8cff
La tavolozza è composta da Leggero, Buio colori. Colori accentati Bundle Orange #ffa36b e UI Link Purple #aa8cff. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #1A1A1A (più scuro) a #FCFCFC (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): #1A1A1A, #8AF8E6, #AA8CFF, #BDBFC3, #FCFCFC, #FFA36B
La tavolozza JS Microfrontend Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffa36b, RGB: (255, 163, 107); ESADECIMALE: #8af8e6, RGB: (138, 248, 230); ESADECIMALE: #fcfcfc, RGB: (252, 252, 252)
ESADECIMALE: #bdbfc3, RGB: (189, 191, 195); ESADECIMALE: #1a1a1a, RGB: (26, 26, 26); ESADECIMALE: #aa8cff, RGB: (170, 140, 255)
Versione semplificata della tavolozza dei colori
Ombra di lightsalmon, Ombra di aquamarine, Tonalità di Bianco, Tonalità di Argento, Ombra di Nero, Ombra di mediumpurple
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
JS Microfrontend Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffa36b | #ffa36b | RGB(255, 163, 107) | Bundle Orange | — |
| #8af8e6 | #8af8e6 | RGB(138, 248, 230) | LazyLoad Aqua | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Script Background | Gray99 |
| #bdbfc3 | #bdbfc3 | RGB(189, 191, 195) | Shadow Dom Gray | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Component Black | Gray10 |
| #aa8cff | #aa8cff | RGB(170, 140, 255) | UI Link Purple | — |
Contrasto della palette di colori
8 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 |
#ffa36b | #8af8e6 | 1.55 |
#ffa36b | #fcfcfc | 1.91 |
#ffa36b | #bdbfc3 | 1.06 |
#ffa36b | #aa8cff | 1.35 |
#8af8e6 | #fcfcfc | 1.22 |
#8af8e6 | #bdbfc3 | 1.46 |
Tavolozza immagini JS Microfrontend Toolkit png
Esporta tavolozza
Scarica la "JS Microfrontend Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: