Loading...
Creato a 07/10/2025 08:36
Semantic React Flow UI
- JS Logic Blue#2b59c3
- React Orchid#b892ff
- DOM White Grid#f9fafc
- Hooked Rose#ffb2bc
- UX Neutral Grey#d9dce1
- Signal Orange#ffa94d
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati JS Logic Blue #2b59c3 e Hooked Rose #ffb2bc. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #2B59C3 (più scuro) a #F9FAFC (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #2B59C3, #B892FF, #D9DCE1, #F9FAFC, #FFA94D, #FFB2BC
La tavolozza Semantic React Flow UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #2b59c3, RGB: (43, 89, 195); ESADECIMALE: #b892ff, RGB: (184, 146, 255); ESADECIMALE: #f9fafc, RGB: (249, 250, 252)
ESADECIMALE: #ffb2bc, RGB: (255, 178, 188); ESADECIMALE: #d9dce1, RGB: (217, 220, 225); ESADECIMALE: #ffa94d, RGB: (255, 169, 77)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di mediumpurple, Ombra di whitesmoke, Tonalità di lightpink, Tonalità di gainsboro, Ombra di sandybrown
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Semantic React Flow UI codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2b59c3 | #2b59c3 | RGB(43, 89, 195) | JS Logic Blue | — |
| #b892ff | #b892ff | RGB(184, 146, 255) | React Orchid | — |
| #f9fafc | #f9fafc | RGB(249, 250, 252) | DOM White Grid | — |
| #ffb2bc | #ffb2bc | RGB(255, 178, 188) | Hooked Rose | — |
| #d9dce1 | #d9dce1 | RGB(217, 220, 225) | UX Neutral Grey | — |
| #ffa94d | #ffa94d | RGB(255, 169, 77) | Signal Orange | — |
Contrasto della palette di colori
9 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 |
#b892ff | #ffb2bc | 1.43 |
#b892ff | #d9dce1 | 1.77 |
#b892ff | #ffa94d | 1.28 |
#f9fafc | #ffb2bc | 1.62 |
#f9fafc | #d9dce1 | 1.31 |
#f9fafc | #ffa94d | 1.82 |
Tavolozza immagini Semantic React Flow UI png
Esporta tavolozza
Scarica la "Semantic React Flow UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: