Creato a 01/23/2018 10:42
1
Trello Shades palette
Trello Shades 0
#ffffff
Trello Shades 50
#f8f9f9
Trello Shades 100
#edeff0
Trello Shades 200
#e2e4e6
Trello Shades 300
#d6dadc
Trello Shades 400
#838c91
Trello Shades 500
#676d70
Trello Shades 600
#333333
Trello Shades 700
#222222
Trello Shades 900
#000000
La tavolozza è composta da Leggero, Buio colori. Colori accentati Trello Shades 0 #ffffff e Trello Shades 100 #edeff0. La tavolozza ha la temperatura del colore Neutro, Freddo.
La tavolozza Trello Shades palette ha una combinazione di colori dei codici 10:
ESADECIMALE: #ffffff, RGB: (255, 255, 255); ESADECIMALE: #f8f9f9, RGB: (248, 249, 249); ESADECIMALE: #edeff0, RGB: (237, 239, 240)
ESADECIMALE: #e2e4e6, RGB: (226, 228, 230); ESADECIMALE: #d6dadc, RGB: (214, 218, 220); ESADECIMALE: #838c91, RGB: (131, 140, 145)
ESADECIMALE: #676d70, RGB: (103, 109, 112); ESADECIMALE: #333333, RGB: (51, 51, 51); ESADECIMALE: #222222, RGB: (34, 34, 34)
ESADECIMALE: #000000, RGB: (0, 0, 0)
Versione semplificata della tavolozza dei colori
Bianco, Ombra di whitesmoke, Tonalità di whitesmoke, Ombra di gainsboro, Tonalità di gainsboro, Ombra di lightslategrey, Ombra di dimgrey, Ombra di Nero, Ombra di Nero, Nero
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Trello Shades palette codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#ffffff | RGB(255, 255, 255) | Trello Shades 0 | White | |
#f8f9f9 | RGB(248, 249, 249) | Trello Shades 50 | — | |
#edeff0 | RGB(237, 239, 240) | Trello Shades 100 | — | |
#e2e4e6 | RGB(226, 228, 230) | Trello Shades 200 | — | |
#d6dadc | RGB(214, 218, 220) | Trello Shades 300 | — | |
#838c91 | RGB(131, 140, 145) | Trello Shades 400 | — | |
#676d70 | RGB(103, 109, 112) | Trello Shades 500 | — | |
#333333 | RGB(51, 51, 51) | Trello Shades 600 | Carbon | |
#222222 | RGB(34, 34, 34) | Trello Shades 700 | Black Out | |
#000000 | RGB(0, 0, 0) | Trello Shades 900 | Black |
Contrasto della palette di colori
14 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 |
#ffffff | #f8f9f9 | 1.05 |
#ffffff | #edeff0 | 1.15 |
#ffffff | #e2e4e6 | 1.27 |
#ffffff | #d6dadc | 1.4 |
#f8f9f9 | #edeff0 | 1.09 |
#f8f9f9 | #e2e4e6 | 1.2 |