Loading...
Creato a 08/14/2025 14:54
Synaptic UI Story Mapping
- Userflow Aqua#00cfc1
- Scenario Gold#ffd166
- Wire Violet#8e7dbe
- Journey Red#ef476f
- Persona White#f7f7f7
- Contrast Black#202020
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 White | Lynx 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
Esporta tavolozza
Scarica la "Synaptic UI Story Mapping" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: