Creato a 07/04/2025 10:15
Web UI Flow Mapping Kit
- Arrow Mint#93ffd8
- UX Graph Purple#a88dff
- Step Beige#fdf6ed
- Navigation Ink#20262e
- Flow Gradient Gray#cdd6dd
- Breakpoint Blue#62b6f3
- Scroll Orange#ffa25b
La tavolozza è composta da Leggero, Buio colori. Colori accentati Arrow Mint #93ffd8 e Scroll Orange #ffa25b. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #20262E (più scuro) a #FDF6ED (più chiaro). L’intervallo di luminosità è ampio.
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): #20262E, #62B6F3, #93FFD8, #A88DFF, #CDD6DD, #FDF6ED, #FFA25B
La tavolozza Web UI Flow Mapping Kit ha una combinazione di colori dei codici 7:
ESADECIMALE: #93ffd8, RGB: (147, 255, 216); ESADECIMALE: #a88dff, RGB: (168, 141, 255); ESADECIMALE: #fdf6ed, RGB: (253, 246, 237)
ESADECIMALE: #20262e, RGB: (32, 38, 46); ESADECIMALE: #cdd6dd, RGB: (205, 214, 221); ESADECIMALE: #62b6f3, RGB: (98, 182, 243)
ESADECIMALE: #ffa25b, RGB: (255, 162, 91)
Versione semplificata della tavolozza dei colori
Ombra di aquamarine, Ombra di mediumpurple, Tonalità di floralwhite, Ombra di Nero, Ombra di lightgrey, Ombra di deepskyblue, Ombra di sandybrown
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Web UI Flow Mapping Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #93ffd8 | #93ffd8 | RGB(147, 255, 216) | Arrow Mint | — |
| #a88dff | #a88dff | RGB(168, 141, 255) | UX Graph Purple | — |
| #fdf6ed | #fdf6ed | RGB(253, 246, 237) | Step Beige | — |
| #20262e | #20262e | RGB(32, 38, 46) | Navigation Ink | — |
| #cdd6dd | #cdd6dd | RGB(205, 214, 221) | Flow Gradient Gray | — |
| #62b6f3 | #62b6f3 | RGB(98, 182, 243) | Breakpoint Blue | — |
| #ffa25b | #ffa25b | RGB(255, 162, 91) | Scroll Orange | — |
Contrasto della palette di colori
12 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 |
#93ffd8 | #fdf6ed | 1.11 |
#93ffd8 | #cdd6dd | 1.22 |
#93ffd8 | #62b6f3 | 1.84 |
#93ffd8 | #ffa25b | 1.65 |
#a88dff | #cdd6dd | 1.8 |
#a88dff | #62b6f3 | 1.2 |
Tavolozza immagini Web UI Flow Mapping Kit png
Esporta tavolozza
Scarica la "Web UI Flow Mapping Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: