Creato a 07/04/2025 10:14
React Native Mobile Design
Native Navy
#273143
Touchable Teal
#5ed7c6
Focus Pink
#fca3b7
Status Yellow
#ffd646
Screen Shell
#f7f7f7
Shadow Ink
#222222
La tavolozza è composta da Buio, Leggero colori. Colori accentati Touchable Teal #5ed7c6 e Status Yellow #ffd646. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza React Native Mobile Design ha una combinazione di colori dei codici 6:
ESADECIMALE: #273143, RGB: (39, 49, 67); ESADECIMALE: #5ed7c6, RGB: (94, 215, 198); ESADECIMALE: #fca3b7, RGB: (252, 163, 183)
ESADECIMALE: #ffd646, RGB: (255, 214, 70); ESADECIMALE: #f7f7f7, RGB: (247, 247, 247); ESADECIMALE: #222222, RGB: (34, 34, 34)
Versione semplificata della tavolozza dei colori
Ombra di midnightblue, Ombra di turquoise, Tonalità di lightpink, Ombra di gold, Ombra di whitesmoke, Ombra di Nero
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
React Native Mobile Design codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #273143 | #273143 | RGB(39, 49, 67) | Native Navy | — |
| #5ed7c6 | #5ed7c6 | RGB(94, 215, 198) | Touchable Teal | — |
| #fca3b7 | #fca3b7 | RGB(252, 163, 183) | Focus Pink | — |
| #ffd646 | #ffd646 | RGB(255, 214, 70) | Status Yellow | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Screen Shell | Lynx White |
| #222222 | #222222 | RGB(34, 34, 34) | Shadow Ink | Black Out |
Contrasto della palette di colori
7 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 |
#273143 | #222222 | 1.21 |
#5ed7c6 | #fca3b7 | 1.08 |
#5ed7c6 | #ffd646 | 1.24 |
#5ed7c6 | #f7f7f7 | 1.63 |
#fca3b7 | #ffd646 | 1.35 |
#fca3b7 | #f7f7f7 | 1.77 |
