Loading...
Creato a 08/14/2025 14:54
  11

Synaptic UI Story Mapping

  • Userflow Aqua
    #00cfc1
  • Scenario Gold
    #ffd166
  • Wire Violet
    #8e7dbe
  • Journey Red
    #ef476f
  • Persona White
    #f7f7f7
  • Contrast Black
    #202020
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Userflow Aqua #00cfc1 e Scenario Gold #ffd166. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #202020 (più scuro) a #F7F7F7 (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).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #00CFC1, #202020, #8E7DBE, #EF476F, #F7F7F7, #FFD166

La tavolozza Synaptic UI Story Mapping ha una combinazione di colori dei codici 6:
ESADECIMALE: #00cfc1, RGB: (0, 207, 193); ESADECIMALE: #ffd166, RGB: (255, 209, 102); ESADECIMALE: #8e7dbe, RGB: (142, 125, 190)
ESADECIMALE: #ef476f, RGB: (239, 71, 111); ESADECIMALE: #f7f7f7, RGB: (247, 247, 247); ESADECIMALE: #202020, RGB: (32, 32, 32)
Versione semplificata della tavolozza dei colori
Tonalità di mediumturquoise, Ombra di gold, Ombra di mediumpurple, Ombra di indianred, Ombra di whitesmoke, Ombra di Nero
La combinazione di colori è stata creata da colourlock

Codici colori nella tavolozza

Synaptic UI Story Mapping codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#00cfc1 #00cfc1 RGB(0, 207, 193)Userflow Aqua
#ffd166 #ffd166 RGB(255, 209, 102)Scenario Gold
#8e7dbe #8e7dbe RGB(142, 125, 190)Wire Violet
#ef476f #ef476f RGB(239, 71, 111)Journey Red
#f7f7f7 #f7f7f7 RGB(247, 247, 247)Persona WhiteLynx White
#202020 #202020 RGB(32, 32, 32)Contrast Black

Contrasto della palette di colori

6 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
#00cfc1
#ffd166
1.36
#00cfc1
#8e7dbe
1.83
#00cfc1
#ef476f
1.84
#00cfc1
#f7f7f7
1.83
#ffd166
#f7f7f7
1.34
#8e7dbe
#ef476f
1

Tavolozza immagini Synaptic UI Story Mapping png

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