Creato a 12/12/2017 10:28
1
Flat UI colors
#1abc9c
#2ecc71
#3498db
#9b59b6
#34495e
#16a085
#27ae60
#2980b9
#8e44ad
#2c3e50
#f1c40f
#e67e22
#e74c3c
#ecf0f1
#95a5a6
#f39c12
#d35400
#c0392b
#bdc3c7
#7f8c8d
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #16a085 e #d35400. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Flat UI colors ha una combinazione di colori dei codici 20:
ESADECIMALE: #1abc9c, RGB: (26, 188, 156); ESADECIMALE: #2ecc71, RGB: (46, 204, 113); ESADECIMALE: #3498db, RGB: (52, 152, 219)
ESADECIMALE: #9b59b6, RGB: (155, 89, 182); ESADECIMALE: #34495e, RGB: (52, 73, 94); ESADECIMALE: #16a085, RGB: (22, 160, 133)
ESADECIMALE: #27ae60, RGB: (39, 174, 96); ESADECIMALE: #2980b9, RGB: (41, 128, 185); ESADECIMALE: #8e44ad, RGB: (142, 68, 173)
ESADECIMALE: #2c3e50, RGB: (44, 62, 80); ESADECIMALE: #f1c40f, RGB: (241, 196, 15); ESADECIMALE: #e67e22, RGB: (230, 126, 34)
ESADECIMALE: #e74c3c, RGB: (231, 76, 60); ESADECIMALE: #ecf0f1, RGB: (236, 240, 241); ESADECIMALE: #95a5a6, RGB: (149, 165, 166)
ESADECIMALE: #f39c12, RGB: (243, 156, 18); ESADECIMALE: #d35400, RGB: (211, 84, 0); ESADECIMALE: #c0392b, RGB: (192, 57, 43)
ESADECIMALE: #bdc3c7, RGB: (189, 195, 199); ESADECIMALE: #7f8c8d, RGB: (127, 140, 141)
Versione semplificata della tavolozza dei colori
Tonalità di mediumaquamarine, Ombra di mediumseagreen, Ombra di dodgerblue, Tonalità di mediumorchid, Tonalità di darkslateblue, Tonalità di lightseagreen, Tonalità di mediumseagreen, Tonalità di steelblue, Ombra di darkorchid, Tonalità di darkslateblue, Tonalità di gold, Tonalità di darkorange, Tonalità di tomato, Tonalità di whitesmoke, Tonalità di darkgrey, Tonalità di Arancia, Tonalità di chocolate, Ombra di firebrick, Ombra di Argento, Ombra di Grigio
La combinazione di colori è stata creata da mz
Codici colori nella tavolozza
Flat UI colors codici colore HEX, informazioni RGB in tabella
Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
#1abc9c | RGB(26, 188, 156) | — | — | |
#2ecc71 | RGB(46, 204, 113) | — | — | |
#3498db | RGB(52, 152, 219) | — | — | |
#9b59b6 | RGB(155, 89, 182) | — | — | |
#34495e | RGB(52, 73, 94) | — | — | |
#16a085 | RGB(22, 160, 133) | — | — | |
#27ae60 | RGB(39, 174, 96) | — | — | |
#2980b9 | RGB(41, 128, 185) | — | — | |
#8e44ad | RGB(142, 68, 173) | — | — | |
#2c3e50 | RGB(44, 62, 80) | — | — | |
#f1c40f | RGB(241, 196, 15) | — | — | |
#e67e22 | RGB(230, 126, 34) | — | — | |
#e74c3c | RGB(231, 76, 60) | — | — | |
#ecf0f1 | RGB(236, 240, 241) | — | — | |
#95a5a6 | RGB(149, 165, 166) | — | — | |
#f39c12 | RGB(243, 156, 18) | — | — | |
#d35400 | RGB(211, 84, 0) | — | — | |
#c0392b | RGB(192, 57, 43) | — | — | |
#bdc3c7 | RGB(189, 195, 199) | — | — | |
#7f8c8d | RGB(127, 140, 141) | — | — |
Contrasto della palette di colori
119 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 |
#1abc9c | #2ecc71 | 1.14 |
#1abc9c | #3498db | 1.3 |
#1abc9c | #9b59b6 | 1.93 |
#1abc9c | #16a085 | 1.36 |
#1abc9c | #27ae60 | 1.19 |
#1abc9c | #2980b9 | 1.78 |