Creato a 08/10/2025 21:07
  1

Accessible Mobile SaaS Interface

  • Card Blue
    #1976d2
  • CTA Coral
    #ff5a5f
  • Panel White
    #ffffff
  • Outline Gray
    #9e9e9e
  • Alert Yellow
    #ffd740
  • Confirm Green
    #4caf50
  • Backdrop Navy
    #263238
La tavolozza è composta da Leggero, Buio colori. Colori accentati Card Blue #1976d2 e Alert Yellow #ffd740. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #263238 (più scuro) a #FFFFFF (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): #1976D2, #263238, #4CAF50, #9E9E9E, #FF5A5F, #FFD740, #FFFFFF

La tavolozza Accessible Mobile SaaS Interface ha una combinazione di colori dei codici 7:
ESADECIMALE: #1976d2, RGB: (25, 118, 210); ESADECIMALE: #ff5a5f, RGB: (255, 90, 95); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
ESADECIMALE: #9e9e9e, RGB: (158, 158, 158); ESADECIMALE: #ffd740, RGB: (255, 215, 64); ESADECIMALE: #4caf50, RGB: (76, 175, 80)
ESADECIMALE: #263238, RGB: (38, 50, 56)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di salmon, Bianco, Tonalità di darkgrey, Ombra di gold, Tonalità di mediumseagreen, Tonalità di darkslategrey
La combinazione di colori è stata creata da colourlock

Codici colori nella tavolozza

Accessible Mobile SaaS Interface codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#1976d2 #1976d2 RGB(25, 118, 210)Card Blue
#ff5a5f #ff5a5f RGB(255, 90, 95)CTA Coral
#ffffff #ffffff RGB(255, 255, 255)Panel WhiteWhite
#9e9e9e #9e9e9e RGB(158, 158, 158)Outline GrayGray62
#ffd740 #ffd740 RGB(255, 215, 64)Alert Yellow
#4caf50 #4caf50 RGB(76, 175, 80)Confirm Green
#263238 #263238 RGB(38, 50, 56)Backdrop Navy

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
#1976d2
#ff5a5f
1.5
#1976d2
#9e9e9e
1.71
#1976d2
#4caf50
1.65
#ff5a5f
#9e9e9e
1.13
#ff5a5f
#4caf50
1.09
#ffffff
#ffd740
1.39

Tavolozza immagini Accessible Mobile SaaS Interface png