Loading...
Creato a 06/27/2025 11:03
  6

Minimal Design System Tokens

  • Whitespace Cream
    #fafafa
  • Outline Ink
    #1f2937
  • Support Blush
    #fbcfe8
  • Focus Aqua
    #5eead4
  • Action Indigo
    #6366f1
  • Text Gray
    #9ca3af
  • Border Mist
    #e5e7eb
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Support Blush #fbcfe8 e Focus Aqua #5eead4. La tavolozza ha la temperatura del colore Neutro, Freddo.

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

La saturazione complessiva risulta per lo più smorzata (croma basso).

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): #1F2937, #5EEAD4, #6366F1, #9CA3AF, #E5E7EB, #FAFAFA, #FBCFE8

La tavolozza Minimal Design System Tokens ha una combinazione di colori dei codici 7:
ESADECIMALE: #fafafa, RGB: (250, 250, 250); ESADECIMALE: #1f2937, RGB: (31, 41, 55); ESADECIMALE: #fbcfe8, RGB: (251, 207, 232)
ESADECIMALE: #5eead4, RGB: (94, 234, 212); ESADECIMALE: #6366f1, RGB: (99, 102, 241); ESADECIMALE: #9ca3af, RGB: (156, 163, 175)
ESADECIMALE: #e5e7eb, RGB: (229, 231, 235)
Versione semplificata della tavolozza dei colori
Ombra di whitesmoke, Ombra di Nero, Ombra di thistle, Ombra di turquoise, Tonalità di mediumslateblue, Tonalità di darkgrey, Ombra di gainsboro
La combinazione di colori è stata creata da colorscheme

Codici colori nella tavolozza

Minimal Design System Tokens codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#fafafa #fafafa RGB(250, 250, 250)Whitespace CreamDr. White
#1f2937 #1f2937 RGB(31, 41, 55)Outline Ink
#fbcfe8 #fbcfe8 RGB(251, 207, 232)Support Blush
#5eead4 #5eead4 RGB(94, 234, 212)Focus Aqua
#6366f1 #6366f1 RGB(99, 102, 241)Action Indigo
#9ca3af #9ca3af RGB(156, 163, 175)Text Gray
#e5e7eb #e5e7eb RGB(229, 231, 235)Border Mist

Contrasto della palette di colori

9 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
#fafafa
#fbcfe8
1.32
#fafafa
#5eead4
1.41
#fafafa
#e5e7eb
1.18
#fbcfe8
#5eead4
1.07
#fbcfe8
#9ca3af
1.83
#fbcfe8
#e5e7eb
1.11

Tavolozza immagini Minimal Design System Tokens png

Loading...
Loading...
Loading...