Creato a 07/03/2020 10:32
React designsystem components popover hex colors
#a00c3c
#bf8ed6
#18564b
#505d9a
#b3aeaa
#382e55
La tavolozza è composta da Buio, Leggero, Semi scuro colori. Colori accentati #a00c3c e #18564b. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
La tavolozza React designsystem components popover hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #a00c3c, RGB: (160, 12, 60); ESADECIMALE: #bf8ed6, RGB: (191, 142, 214); ESADECIMALE: #18564b, RGB: (24, 86, 75)
ESADECIMALE: #505d9a, RGB: (80, 93, 154); ESADECIMALE: #b3aeaa, RGB: (179, 174, 170); ESADECIMALE: #382e55, RGB: (56, 46, 85)
Versione semplificata della tavolozza dei colori
Tonalità di brown, Tonalità di plum, Tonalità di darkslategrey, Tonalità di slateblue, Ombra di darkgrey, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
React designsystem components popover hex colors codici colore HEX, informazioni RGB in tabella
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 |
#a00c3c | #18564b | 1.05 |
#a00c3c | #505d9a | 1.29 |
#a00c3c | #382e55 | 1.54 |
#bf8ed6 | #b3aeaa | 1.18 |
#18564b | #505d9a | 1.36 |
#18564b | #382e55 | 1.46 |