Creato a 06/12/2025 08:33
Flowchart UX Design Set
- Node Coral#ff9f9f
- Connector Slate#94a3b8
- Decision Teal#14b8a6
- Path White#ffffff
- Process Blue#3b82f6
- End Black#1e1e1e
La tavolozza è composta da Leggero, Buio colori. Colori accentati Node Coral #ff9f9f e Process Blue #3b82f6. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #1E1E1E (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 3 smorzati e 3 vivaci su 6 colori.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo (3 su 6).
Codici HEX (ordinati): #14B8A6, #1E1E1E, #3B82F6, #94A3B8, #FF9F9F, #FFFFFF
La tavolozza Flowchart UX Design Set ha una combinazione di colori dei codici 6:
ESADECIMALE: #ff9f9f, RGB: (255, 159, 159); ESADECIMALE: #94a3b8, RGB: (148, 163, 184); ESADECIMALE: #14b8a6, RGB: (20, 184, 166)
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #3b82f6, RGB: (59, 130, 246); ESADECIMALE: #1e1e1e, RGB: (30, 30, 30)
Versione semplificata della tavolozza dei colori
Ombra di lightcoral, Ombra di lightslategrey, Tonalità di lightseagreen, Bianco, Tonalità di dodgerblue, Ombra di Nero
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Flowchart UX Design Set codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Node Coral | — |
| #94a3b8 | #94a3b8 | RGB(148, 163, 184) | Connector Slate | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Decision Teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Path White | White |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Process Blue | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | End Black | — |
Contrasto della palette di colori
7 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 |
|---|---|---|
#ff9f9f | #94a3b8 | 1.3 |
#ff9f9f | #14b8a6 | 1.26 |
#ff9f9f | #ffffff | 1.96 |
#ff9f9f | #3b82f6 | 1.87 |
#94a3b8 | #14b8a6 | 1.03 |
#94a3b8 | #3b82f6 | 1.43 |
Tavolozza immagini Flowchart UX Design Set png
Esporta tavolozza
Scarica la "Flowchart UX Design Set" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: