Loading...
Creato a 08/02/2025 10:21
Hypermedia Design Systems Flow
- Framework Pink#f49ac2
- Markup White#fdfdfd
- Element Grey#e5e5e5
- Scroll Orange#ffa552
- Syntax Cyan#5ac8fa
- Backend Graphite#2f2f2f
- AI Layer Blue#6c8ae4
La tavolozza è composta da Leggero, Buio colori. Colori accentati Scroll Orange #ffa552 e Syntax Cyan #5ac8fa. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #2F2F2F (più scuro) a #FDFDFD (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #2F2F2F, #5AC8FA, #6C8AE4, #E5E5E5, #F49AC2, #FDFDFD, #FFA552
La tavolozza Hypermedia Design Systems Flow ha una combinazione di colori dei codici 7:
ESADECIMALE: #f49ac2, RGB: (244, 154, 194); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253); ESADECIMALE: #e5e5e5, RGB: (229, 229, 229)
ESADECIMALE: #ffa552, RGB: (255, 165, 82); ESADECIMALE: #5ac8fa, RGB: (90, 200, 250); ESADECIMALE: #2f2f2f, RGB: (47, 47, 47)
ESADECIMALE: #6c8ae4, RGB: (108, 138, 228)
Versione semplificata della tavolozza dei colori
Ombra di plum, Tonalità di Bianco, Ombra di gainsboro, Ombra di sandybrown, Ombra di deepskyblue, Ombra di Nero, Tonalità di cornflowerblue
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Hypermedia Design Systems Flow codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f49ac2 | #f49ac2 | RGB(244, 154, 194) | Framework Pink | Pastel Magenta |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Markup White | Brilliance |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Element Grey | Gray90 |
| #ffa552 | #ffa552 | RGB(255, 165, 82) | Scroll Orange | — |
| #5ac8fa | #5ac8fa | RGB(90, 200, 250) | Syntax Cyan | — |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Backend Graphite | — |
| #6c8ae4 | #6c8ae4 | RGB(108, 138, 228) | AI Layer Blue | — |
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 |
#f49ac2 | #e5e5e5 | 1.62 |
#f49ac2 | #ffa552 | 1.04 |
#f49ac2 | #5ac8fa | 1.08 |
#f49ac2 | #6c8ae4 | 1.6 |
#fdfdfd | #e5e5e5 | 1.23 |
#fdfdfd | #ffa552 | 1.91 |
Tavolozza immagini Hypermedia Design Systems Flow png
Esporta tavolozza
Scarica la "Hypermedia Design Systems Flow" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: