Creato a 06/05/2025 20:36
React Native Design Harmony
Component Sky
#a3cef1
Hook Salmon
#ff8c94
Virtual DOM Lilac
#cbaacb
JSX Beige
#f2e9e4
State Forest
#3a6351
Effect Teal
#3ab0a2
Debugger Plum
#713e5a
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Component Sky #a3cef1 e Hook Salmon #ff8c94. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza React Native Design Harmony ha una combinazione di colori dei codici 7:
ESADECIMALE: #a3cef1, RGB: (163, 206, 241); ESADECIMALE: #ff8c94, RGB: (255, 140, 148); ESADECIMALE: #cbaacb, RGB: (203, 170, 203)
ESADECIMALE: #f2e9e4, RGB: (242, 233, 228); ESADECIMALE: #3a6351, RGB: (58, 99, 81); ESADECIMALE: #3ab0a2, RGB: (58, 176, 162)
ESADECIMALE: #713e5a, RGB: (113, 62, 90)
Versione semplificata della tavolozza dei colori
Ombra di lightskyblue, Ombra di lightcoral, Tonalità di thistle, Tonalità di linen, Ombra di darkslategrey, Ombra di lightseagreen, Ombra di Viola
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
React Native Design Harmony codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #a3cef1 | #a3cef1 | RGB(163, 206, 241) | Component Sky | — |
| #ff8c94 | #ff8c94 | RGB(255, 140, 148) | Hook Salmon | — |
| #cbaacb | #cbaacb | RGB(203, 170, 203) | Virtual DOM Lilac | — |
| #f2e9e4 | #f2e9e4 | RGB(242, 233, 228) | JSX Beige | — |
| #3a6351 | #3a6351 | RGB(58, 99, 81) | State Forest | — |
| #3ab0a2 | #3ab0a2 | RGB(58, 176, 162) | Effect Teal | Waterfall |
| #713e5a | #713e5a | RGB(113, 62, 90) | Debugger Plum | — |
Contrasto della palette di colori
10 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 |
#a3cef1 | #ff8c94 | 1.34 |
#a3cef1 | #cbaacb | 1.24 |
#a3cef1 | #f2e9e4 | 1.38 |
#a3cef1 | #3ab0a2 | 1.59 |
#ff8c94 | #cbaacb | 1.07 |
#ff8c94 | #f2e9e4 | 1.86 |
