Creato a 06/06/2025 09:25
React Native Mirage Display
- Component Cyan#00cfc1
- Bridge Rose#ff758f
- Bundle Mist#f1f5f9
- Gesture Indigo#6366f1
- Style Token#1e1e1e
- Async Bronze#e9b44c
La tavolozza è composta da Leggero, Buio colori. Colori accentati Component Cyan #00cfc1 e Bridge Rose #ff758f. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #1E1E1E (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #00CFC1, #1E1E1E, #6366F1, #E9B44C, #F1F5F9, #FF758F
La tavolozza React Native Mirage Display ha una combinazione di colori dei codici 6:
ESADECIMALE: #00cfc1, RGB: (0, 207, 193); ESADECIMALE: #ff758f, RGB: (255, 117, 143); ESADECIMALE: #f1f5f9, RGB: (241, 245, 249)
ESADECIMALE: #6366f1, RGB: (99, 102, 241); ESADECIMALE: #1e1e1e, RGB: (30, 30, 30); ESADECIMALE: #e9b44c, RGB: (233, 180, 76)
Versione semplificata della tavolozza dei colori
Tonalità di mediumturquoise, Tonalità di lightcoral, Tonalità di aliceblue, Tonalità di mediumslateblue, Ombra di Nero, Ombra di goldenrod
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
React Native Mirage Display codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00cfc1 | #00cfc1 | RGB(0, 207, 193) | Component Cyan | — |
| #ff758f | #ff758f | RGB(255, 117, 143) | Bridge Rose | — |
| #f1f5f9 | #f1f5f9 | RGB(241, 245, 249) | Bundle Mist | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Gesture Indigo | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Style Token | — |
| #e9b44c | #e9b44c | RGB(233, 180, 76) | Async Bronze | — |
Contrasto della palette di colori
6 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 |
#00cfc1 | #ff758f | 1.3 |
#00cfc1 | #f1f5f9 | 1.79 |
#00cfc1 | #e9b44c | 1.03 |
#ff758f | #6366f1 | 1.74 |
#ff758f | #e9b44c | 1.35 |
#f1f5f9 | #e9b44c | 1.72 |
Tavolozza immagini React Native Mirage Display png
Esporta tavolozza
Scarica la "React Native Mirage Display" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: