Loading...
Creato a 07/22/2025 16:46
  1

Scalable Design Infrastructure UI

  • Grid Blue
    #3a86ff
  • Token White
    #f9fafb
  • System Yellow
    #fcd34d
  • Atomic Coral
    #ff6f61
  • Deploy Slate
    #64748b
  • Refactor Teal
    #2ec4b6
Loading...
La tavolozza è composta da Leggero colori. Colori accentati Grid Blue #3a86ff e Atomic Coral #ff6f61. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #64748B (più scuro) a #F9FAFB (più chiaro). L’intervallo di luminosità è moderato.

La saturazione complessiva risulta vivida (croma alto).

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): #2EC4B6, #3A86FF, #64748B, #F9FAFB, #FCD34D, #FF6F61

La tavolozza Scalable Design Infrastructure UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #3a86ff, RGB: (58, 134, 255); ESADECIMALE: #f9fafb, RGB: (249, 250, 251); ESADECIMALE: #fcd34d, RGB: (252, 211, 77)
ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #64748b, RGB: (100, 116, 139); ESADECIMALE: #2ec4b6, RGB: (46, 196, 182)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Ombra di whitesmoke, Ombra di gold, Tonalità di salmon, Tonalità di slategrey, Tonalità di mediumturquoise
La combinazione di colori è stata creata da colorstudio

Codici colori nella tavolozza

Scalable Design Infrastructure UI codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3a86ff #3a86ff RGB(58, 134, 255)Grid Blue
#f9fafb #f9fafb RGB(249, 250, 251)Token White
#fcd34d #fcd34d RGB(252, 211, 77)System Yellow
#ff6f61 #ff6f61 RGB(255, 111, 97)Atomic CoralLiving Coral
#64748b #64748b RGB(100, 116, 139)Deploy Slate
#2ec4b6 #2ec4b6 RGB(46, 196, 182)Refactor Teal

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
#3a86ff
#ff6f61
1.27
#3a86ff
#64748b
1.36
#3a86ff
#2ec4b6
1.6
#f9fafb
#fcd34d
1.37
#fcd34d
#ff6f61
1.89
#fcd34d
#2ec4b6
1.5

Tavolozza immagini Scalable Design Infrastructure UI png

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