Creato a 07/28/2025 11:10
React Quantum Story Mapper
JSX Coral
#ff8f70
Atomic Orange
#f6682f
State Chart Gold
#fdc500
Dom Shadow
#34393f
Component Canvas
#fbfbfe
Virtual Cyan
#00e3f6
La tavolozza è composta da Leggero colori. Colori accentati State Chart Gold #fdc500 e Virtual Cyan #00e3f6. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza React Quantum Story Mapper ha una combinazione di colori dei codici 6:
ESADECIMALE: #ff8f70, RGB: (255, 143, 112); ESADECIMALE: #f6682f, RGB: (246, 104, 47); ESADECIMALE: #fdc500, RGB: (253, 197, 0)
ESADECIMALE: #34393f, RGB: (52, 57, 63); ESADECIMALE: #fbfbfe, RGB: (251, 251, 254); ESADECIMALE: #00e3f6, RGB: (0, 227, 246)
Versione semplificata della tavolozza dei colori
Ombra di darksalmon, Ombra di orangered, Tonalità di gold, Tonalità di darkslategrey, Tonalità di Bianco, Ombra di darkturquoise
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
React Quantum Story Mapper codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ff8f70 | #ff8f70 | RGB(255, 143, 112) | JSX Coral | — |
| #f6682f | #f6682f | RGB(246, 104, 47) | Atomic Orange | — |
| #fdc500 | #fdc500 | RGB(253, 197, 0) | State Chart Gold | — |
| #34393f | #34393f | RGB(52, 57, 63) | Dom Shadow | — |
| #fbfbfe | #fbfbfe | RGB(251, 251, 254) | Component Canvas | — |
| #00e3f6 | #00e3f6 | RGB(0, 227, 246) | Virtual Cyan | — |
Contrasto della palette di colori
8 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 |
#ff8f70 | #f6682f | 1.35 |
#ff8f70 | #fdc500 | 1.39 |
#ff8f70 | #00e3f6 | 1.41 |
#f6682f | #fdc500 | 1.89 |
#f6682f | #00e3f6 | 1.91 |
#fdc500 | #fbfbfe | 1.54 |
