創建於 10/21/2022 13:18
Charts ui figma design system colours
- Indian Yellow#e8a05c
- Violets Are Blue#8470f0
- Sepia#744010
- Sonic Silver#747474
- Pale Silver#c6c9b4
- Charleston Green#2b2c2c
調色盤由 光, 黑暗的 種顏色組成. 強調色 Violets Are Blue #8470f0 和 Sepia #744010. 調色盤有 溫暖的, 涼爽的, 中性的 色溫.
依亮度,此調色盤由 #2B2C2C(最深)到 #C6C9B4(最淺)。 亮度範圍較寬。
飽和度混合——有柔色也有較鮮明的重點色。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏暖。
HEX 代碼(排序):#2B2C2C, #744010, #747474, #8470F0, #C6C9B4, #E8A05C
調色盤 Charts ui figma design system colours 具有 6 程式碼顏色的組合:
十六進位: #e8a05c, RGB: (232, 160, 92); 十六進位: #8470f0, RGB: (132, 112, 240); 十六進位: #744010, RGB: (116, 64, 16)
十六進位: #747474, RGB: (116, 116, 116); 十六進位: #c6c9b4, RGB: (198, 201, 180); 十六進位: #2b2c2c, RGB: (43, 44, 44)
調色板顏色的簡化版本
色調 sandybrown, 陰影 mediumslateblue, 色調 saddlebrown, 陰影 dimgrey, 陰影 銀, 陰影 黑色的
配色方案是由 colorswall
調色盤中的顏色代碼
Charts ui figma design system colours 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #e8a05c | #e8a05c | RGB(232, 160, 92) | Indian Yellow | — |
| #8470f0 | #8470f0 | RGB(132, 112, 240) | Violets Are Blue | — |
| #744010 | #744010 | RGB(116, 64, 16) | Sepia | — |
| #747474 | #747474 | RGB(116, 116, 116) | Sonic Silver | — |
| #c6c9b4 | #c6c9b4 | RGB(198, 201, 180) | Pale Silver | — |
| #2b2c2c | #2b2c2c | RGB(43, 44, 44) | Charleston Green | — |
色彩調色板對比度
5 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#e8a05c | #8470f0 | 1.73 |
#e8a05c | #c6c9b4 | 1.29 |
#8470f0 | #747474 | 1.23 |
#744010 | #747474 | 1.8 |
#744010 | #2b2c2c | 1.65 |
圖像調色板 Charts ui figma design system colours PNG
匯出調色盤
下載 "Charts ui figma design system colours" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
