Creato a 05/23/2018 08:23
1
Carbon default theme colors palette
brand-01
#3d70b2
brand-02
#5596e6
brand-03
#41d6c3
ui-01
#ffffff
ui-02
#f4f7fb
ui-03
#dfe3e6
ui-04
#8897a2
ui-05
#5a6872
text-01
#152934
text-02
#5a6872
text-03
#cdd1d4
inverse-01
#ffffff
field-01
#f4f7fb
La tavolozza è composta da Leggero, Buio colori. Colori accentati brand-02 #5596e6 e ui-01 #ffffff e inverse-01 #ffffff. La tavolozza ha la temperatura del colore Freddo, Neutro.
La tavolozza Carbon default theme colors palette ha una combinazione di colori dei codici 13:
ESADECIMALE: #3d70b2, RGB: (61, 112, 178); ESADECIMALE: #5596e6, RGB: (85, 150, 230); ESADECIMALE: #41d6c3, RGB: (65, 214, 195)
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #f4f7fb, RGB: (244, 247, 251); ESADECIMALE: #dfe3e6, RGB: (223, 227, 230)
ESADECIMALE: #8897a2, RGB: (136, 151, 162); ESADECIMALE: #5a6872, RGB: (90, 104, 114); ESADECIMALE: #152934, RGB: (21, 41, 52)
ESADECIMALE: #5a6872, RGB: (90, 104, 114); ESADECIMALE: #cdd1d4, RGB: (205, 209, 212); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
ESADECIMALE: #f4f7fb, RGB: (244, 247, 251)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di cornflowerblue, Tonalità di turquoise, Bianco, Tonalità di ghostwhite, Ombra di gainsboro, Ombra di lightslategrey, Tonalità di dimgrey, Ombra di midnightblue, Tonalità di dimgrey, Tonalità di lightgrey, Bianco, Tonalità di ghostwhite
La combinazione di colori è stata creata da colorswall
Codici colori nella tavolozza
Carbon default theme colors palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3d70b2 | #3d70b2 | RGB(61, 112, 178) | brand-01 | — |
| #5596e6 | #5596e6 | RGB(85, 150, 230) | brand-02 | — |
| #41d6c3 | #41d6c3 | RGB(65, 214, 195) | brand-03 | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | ui-01 | White |
| #f4f7fb | #f4f7fb | RGB(244, 247, 251) | ui-02 | — |
| #dfe3e6 | #dfe3e6 | RGB(223, 227, 230) | ui-03 | — |
| #8897a2 | #8897a2 | RGB(136, 151, 162) | ui-04 | — |
| #5a6872 | #5a6872 | RGB(90, 104, 114) | ui-05 | — |
| #152934 | #152934 | RGB(21, 41, 52) | text-01 | — |
| #5a6872 | #5a6872 | RGB(90, 104, 114) | text-02 | — |
| #cdd1d4 | #cdd1d4 | RGB(205, 209, 212) | text-03 | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | inverse-01 | White |
| #f4f7fb | #f4f7fb | RGB(244, 247, 251) | field-01 | — |
Contrasto della palette di colori
35 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 |
#3d70b2 | #5596e6 | 1.65 |
#3d70b2 | #8897a2 | 1.68 |
#3d70b2 | #5a6872 | 1.13 |
#3d70b2 | #5a6872 | 1.13 |
#5596e6 | #41d6c3 | 1.68 |
#5596e6 | #8897a2 | 1.01 |
