創建於 02/12/2020 15:48
Product design system ux ui hex colors
#1c7cf4
#9c7cfb
#0c2444
#6c7c8c
#b4c7d4
#283a52
調色盤由 光, 黑暗的 種顏色組成. 強調色 #1c7cf4 和 #9c7cfb. 調色盤有 涼爽的 色溫.
調色盤 Product design system ux ui hex colors 具有 6 程式碼顏色的組合:
十六進位: #1c7cf4, RGB: (28, 124, 244); 十六進位: #9c7cfb, RGB: (156, 124, 251); 十六進位: #0c2444, RGB: (12, 36, 68)
十六進位: #6c7c8c, RGB: (108, 124, 140); 十六進位: #b4c7d4, RGB: (180, 199, 212); 十六進位: #283a52, RGB: (40, 58, 82)
調色板顏色的簡化版本
色調 steelblue, 陰影 mediumpurple, 色調 midnightblue, 色調 slategrey, 陰影 lightsteelblue, 色調 darkslateblue
配色方案是由 colorswall
色彩調色板對比度
5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#1c7cf4 | #9c7cfb | 1.27 |
#1c7cf4 | #6c7c8c | 1.06 |
#9c7cfb | #6c7c8c | 1.36 |
#9c7cfb | #b4c7d4 | 1.8 |
#0c2444 | #283a52 | 1.34 |