Creato a 06/25/2025 20:33
React Flow Designer Studio
- Component Rose#f43f5e
- Hook Yellow#facc15
- State Sky#0ea5e9
- Dark Mode Nebula#0f172a
- Lint Lavender#c084fc
- Wireframe Mist#f1f5f9
- Deploy Teal#14b8a6
- Console Steel#64748b
La tavolozza è composta da Leggero, Buio colori. Colori accentati Hook Yellow #facc15 e Lint Lavender #c084fc. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #0F172A (più scuro) a #F1F5F9 (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): #0EA5E9, #0F172A, #14B8A6, #64748B, #C084FC, #F1F5F9, #F43F5E, #FACC15
La tavolozza React Flow Designer Studio ha una combinazione di colori dei codici 8:
ESADECIMALE: #f43f5e, RGB: (244, 63, 94); ESADECIMALE: #facc15, RGB: (250, 204, 21); ESADECIMALE: #0ea5e9, RGB: (14, 165, 233)
ESADECIMALE: #0f172a, RGB: (15, 23, 42); ESADECIMALE: #c084fc, RGB: (192, 132, 252); ESADECIMALE: #f1f5f9, RGB: (241, 245, 249)
ESADECIMALE: #14b8a6, RGB: (20, 184, 166); ESADECIMALE: #64748b, RGB: (100, 116, 139)
Versione semplificata della tavolozza dei colori
Tonalità di indianred, Tonalità di gold, Tonalità di deepskyblue, Ombra di Nero, Tonalità di violet, Tonalità di aliceblue, Tonalità di lightseagreen, Tonalità di slategrey
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
React Flow Designer Studio codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f43f5e | #f43f5e | RGB(244, 63, 94) | Component Rose | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Hook Yellow | — |
| #0ea5e9 | #0ea5e9 | RGB(14, 165, 233) | State Sky | — |
| #0f172a | #0f172a | RGB(15, 23, 42) | Dark Mode Nebula | — |
| #c084fc | #c084fc | RGB(192, 132, 252) | Lint Lavender | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Wireframe Mist | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Deploy Teal | — |
| #64748b | #64748b | RGB(100, 116, 139) | Console Steel | — |
Contrasto della palette di colori
14 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 |
#f43f5e | #0ea5e9 | 1.32 |
#f43f5e | #c084fc | 1.38 |
#f43f5e | #14b8a6 | 1.47 |
#f43f5e | #64748b | 1.29 |
#facc15 | #0ea5e9 | 1.8 |
#facc15 | #c084fc | 1.72 |
Tavolozza immagini React Flow Designer Studio png
Esporta tavolozza
Scarica la "React Flow Designer Studio" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: