Creato a 06/11/2025 12:25
Flowchart UX Diagram Kit
- Decision Dust#ddd6d6
- Connector Coral#ff6666
- Pathway Purple#b39ddb
- Steppe Sky#bbdefb
- Note Navy#2f3e9e
- Marker Mint#c0ffd9
La tavolozza è composta da Leggero colori. Colori accentati Connector Coral #ff6666 e Marker Mint #c0ffd9. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #2F3E9E (più scuro) a #C0FFD9 (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): #2F3E9E, #B39DDB, #BBDEFB, #C0FFD9, #DDD6D6, #FF6666
La tavolozza Flowchart UX Diagram Kit ha una combinazione di colori dei codici 6:
ESADECIMALE: #ddd6d6, RGB: (221, 214, 214); ESADECIMALE: #ff6666, RGB: (255, 102, 102); ESADECIMALE: #b39ddb, RGB: (179, 157, 219)
ESADECIMALE: #bbdefb, RGB: (187, 222, 251); ESADECIMALE: #2f3e9e, RGB: (47, 62, 158); ESADECIMALE: #c0ffd9, RGB: (192, 255, 217)
Versione semplificata della tavolozza dei colori
Ombra di lightgrey, Tonalità di salmon, Tonalità di plum, Ombra di lightsteelblue, Tonalità di darkslateblue, Ombra di aquamarine
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Flowchart UX Diagram Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ddd6d6 | #ddd6d6 | RGB(221, 214, 214) | Decision Dust | — |
| #ff6666 | #ff6666 | RGB(255, 102, 102) | Connector Coral | Pompelmo |
| #b39ddb | #b39ddb | RGB(179, 157, 219) | Pathway Purple | — |
| #bbdefb | #bbdefb | RGB(187, 222, 251) | Steppe Sky | — |
| #2f3e9e | #2f3e9e | RGB(47, 62, 158) | Note Navy | — |
| #c0ffd9 | #c0ffd9 | RGB(192, 255, 217) | Marker Mint | — |
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 |
#ddd6d6 | #ff6666 | 1.99 |
#ddd6d6 | #b39ddb | 1.67 |
#ddd6d6 | #bbdefb | 1.01 |
#ddd6d6 | #c0ffd9 | 1.26 |
#ff6666 | #b39ddb | 1.19 |
#b39ddb | #bbdefb | 1.7 |
Tavolozza immagini Flowchart UX Diagram Kit png
Esporta tavolozza
Scarica la "Flowchart UX Diagram Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: