Creato a 12/12/2017 10:28
dimz
  7.18k

Flat UI colors

#1abc9c
#2ecc71
#3498db
#9b59b6
#34495e
#16a085
#27ae60
#2980b9
#8e44ad
#2c3e50
#f1c40f
#e67e22
#e74c3c
#ecf0f1
#95a5a6
#f39c12
#d35400
#c0392b
#bdc3c7
#7f8c8d
Registrazione per salvare la tavolozza nella raccolta
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

Tavolozza immagini Flat UI colors png

Colori della tavolozza: Come usare?

Fare clic su qualsiasi colore da aggiungere Tavolozza
Tavolozza veloce
Massimo 10 tavolozze Confrontare
Come usare?
Fare clic sull'icona «Confronta». per aggiungere la tavolozza Confronta le tavolozze elenco
Confronta tavolozze