創建於 02/12/2020 15:48
  0.32k

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

調色盤中的顏色代碼

Product design system ux ui hex colors 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#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)

色彩調色板對比度

5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#1c7cf4
#9c7cfb
1.27
#1c7cf4
#6c7c8c
1.06
#9c7cfb
#6c7c8c
1.36
#9c7cfb
#b4c7d4
1.8
#0c2444
#283a52
1.34

圖像調色板 Product design system ux ui hex colors PNG

調色盤顏色: 如何使用?

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