創建於 12/12/2017 10:28
經過mz
  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
登入 將調色板保存在集合中
調色盤由 光, 半暗 種顏色組成. 強調色 #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

圖像調色板 Flat UI colors PNG

調色盤顏色: 如何使用?

點擊任意顏色即可新增 調色盤
快速調色板
最大 10 個調色板 比較
點擊“比較”圖標 添加調色板 比較列表調色板
比較調色板