Creato a 12/29/2017 21:43
Reactjs colors palette
#61dafb
#20232a
#282c34
#ffffff
#fac863
#c5a5c5
#fc929e
#79b6f2
#8dc891
#5fb3b3
La tavolozza è composta da Leggero, Buio colori. Colori accentati #61dafb e #fc929e. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Reactjs colors palette ha una combinazione di colori dei codici 10:
ESADECIMALE: #61dafb, RGB: (97, 218, 251); ESADECIMALE: #20232a, RGB: (32, 35, 42); ESADECIMALE: #282c34, RGB: (40, 44, 52)
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #fac863, RGB: (250, 200, 99); ESADECIMALE: #c5a5c5, RGB: (197, 165, 197)
ESADECIMALE: #fc929e, RGB: (252, 146, 158); ESADECIMALE: #79b6f2, RGB: (121, 182, 242); ESADECIMALE: #8dc891, RGB: (141, 200, 145)
ESADECIMALE: #5fb3b3, RGB: (95, 179, 179)
Versione semplificata della tavolozza dei colori
Tonalità di skyblue, Ombra di Nero, Ombra di Nero, Bianco, Ombra di goldenrod, Tonalità di thistle, Ombra di lightcoral, Tonalità di lightskyblue, Ombra di darkseagreen, Ombra di lightseagreen
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Reactjs colors palette codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#61dafb | RGB(97, 218, 251) | — | — | |
#20232a | RGB(32, 35, 42) | — | — | |
#282c34 | RGB(40, 44, 52) | — | — | |
#ffffff | RGB(255, 255, 255) | — | White | |
#fac863 | RGB(250, 200, 99) | — | — | |
#c5a5c5 | RGB(197, 165, 197) | — | — | |
#fc929e | RGB(252, 146, 158) | — | — | |
#79b6f2 | RGB(121, 182, 242) | — | — | |
#8dc891 | RGB(141, 200, 145) | — | — | |
#5fb3b3 | RGB(95, 179, 179) | — | — |
Contrasto della palette di colori
25 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 |
#61dafb | #ffffff | 1.62 |
#61dafb | #fac863 | 1.04 |
#61dafb | #c5a5c5 | 1.35 |
#61dafb | #fc929e | 1.32 |
#61dafb | #79b6f2 | 1.32 |
#61dafb | #8dc891 | 1.19 |