創建於 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
調色盤由 光, 半暗 種顏色組成. 強調色 #16a085 和 #d35400. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Flat UI colors 具有 20 程式碼顏色的組合:
十六進位: #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)
調色板顏色的簡化版本
色調 mediumaquamarine, 陰影 mediumseagreen, 陰影 dodgerblue, 色調 mediumorchid, 色調 darkslateblue, 色調 lightseagreen, 色調 mediumseagreen, 色調 steelblue, 陰影 darkorchid, 色調 darkslateblue, 色調 gold, 色調 darkorange, 色調 tomato, 色調 whitesmoke, 色調 darkgrey, 色調 橘子, 色調 chocolate, 陰影 firebrick, 陰影 銀, 陰影 灰色的
配色方案是由 mz
調色盤中的顏色代碼
Flat UI colors 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#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) | — | — |
色彩調色板對比度
119 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#1abc9c | #2ecc71 | 1.14 |
#1abc9c | #3498db | 1.3 |
#1abc9c | #9b59b6 | 1.93 |
#1abc9c | #16a085 | 1.36 |
#1abc9c | #27ae60 | 1.19 |
#1abc9c | #2980b9 | 1.78 |