Loading...
Creato a 07/10/2025 08:36
  21

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
Loading...
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

Loading...
Loading...
Loading...