創建於 07/02/2025 16:49
Design System Tokens Library
- Token Blue#42a5f5
- Spacing Smoke#f5f5f5
- Border Ash#bdbdbd
- Typography Graphite#212121
- Radius Mint#a5d6a7
- Z-Index Black#000000
調色盤由 光, 黑暗的 種顏色組成. 強調色 Token Blue #42a5f5 和 Spacing Smoke #f5f5f5. 調色盤有 涼爽的, 中性的 色溫.
依亮度,此調色盤由 #000000(最深)到 #F5F5F5(最淺)。 亮度範圍較寬。
整體飽和度多半偏柔(彩度較低)。
多數顏色接近中性或彩度很低;色相關係較細膩。
多數色票讀起來偏中性色溫。
HEX 代碼(排序):#000000, #212121, #42A5F5, #A5D6A7, #BDBDBD, #F5F5F5
調色盤 Design System Tokens Library 具有 6 程式碼顏色的組合:
十六進位: #42a5f5, RGB: (66, 165, 245); 十六進位: #f5f5f5, RGB: (245, 245, 245); 十六進位: #bdbdbd, RGB: (189, 189, 189)
十六進位: #212121, RGB: (33, 33, 33); 十六進位: #a5d6a7, RGB: (165, 214, 167); 十六進位: #000000, RGB: (0, 0, 0)
調色板顏色的簡化版本
陰影 dodgerblue, 色調 銀, 陰影 黑色的, 陰影 darkseagreen, 黑色的
配色方案是由 colorhunt
調色盤中的顏色代碼
Design System Tokens Library 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | Token Blue | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Spacing Smoke | White Smoke |
| #bdbdbd | #bdbdbd | RGB(189, 189, 189) | Border Ash | Gray74 |
| #212121 | #212121 | RGB(33, 33, 33) | Typography Graphite | Lead |
| #a5d6a7 | #a5d6a7 | RGB(165, 214, 167) | Radius Mint | — |
| #000000 | #000000 | RGB(0, 0, 0) | Z-Index Black | Black |
色彩調色板對比度
6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#42a5f5 | #bdbdbd | 1.4 |
#42a5f5 | #a5d6a7 | 1.61 |
#f5f5f5 | #bdbdbd | 1.72 |
#f5f5f5 | #a5d6a7 | 1.5 |
#bdbdbd | #a5d6a7 | 1.14 |
#212121 | #000000 | 1.3 |
圖像調色板 Design System Tokens Library PNG
匯出調色盤
下載 "Design System Tokens Library" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
