創建於 06/14/2025 19:41
AI Product Design Tokens
- Neural Pink#fec8d8
- UX Grid Blue#a0c4ff
- Data Label Ash#e5e5e5
- Action Ink#1a1a1a
- Prototype Cream#fef9ef
- Font Contrast Plum#845ec2
調色盤由 光, 黑暗的 種顏色組成. 強調色 Neural Pink #fec8d8 和 UX Grid Blue #a0c4ff. 調色盤有 中性的, 涼爽的 色溫.
依亮度,此調色盤由 #1A1A1A(最深)到 #FEF9EF(最淺)。 亮度範圍較寬。
飽和度混合——有柔色也有較鮮明的重點色。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
多數色票讀起來偏中性色溫。
HEX 代碼(排序):#1A1A1A, #845EC2, #A0C4FF, #E5E5E5, #FEC8D8, #FEF9EF
調色盤 AI Product Design Tokens 具有 6 程式碼顏色的組合:
十六進位: #fec8d8, RGB: (254, 200, 216); 十六進位: #a0c4ff, RGB: (160, 196, 255); 十六進位: #e5e5e5, RGB: (229, 229, 229)
十六進位: #1a1a1a, RGB: (26, 26, 26); 十六進位: #fef9ef, RGB: (254, 249, 239); 十六進位: #845ec2, RGB: (132, 94, 194)
調色板顏色的簡化版本
陰影 粉紅色的, 色調 lightsteelblue, 陰影 gainsboro, 陰影 黑色的, 色調 floralwhite, 陰影 slateblue
配色方案是由 hex
調色盤中的顏色代碼
AI Product Design Tokens 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #fec8d8 | #fec8d8 | RGB(254, 200, 216) | Neural Pink | — |
| #a0c4ff | #a0c4ff | RGB(160, 196, 255) | UX Grid Blue | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Data Label Ash | Gray90 |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Action Ink | Gray10 |
| #fef9ef | #fef9ef | RGB(254, 249, 239) | Prototype Cream | — |
| #845ec2 | #845ec2 | RGB(132, 94, 194) | Font Contrast Plum | — |
色彩調色板對比度
6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#fec8d8 | #a0c4ff | 1.22 |
#fec8d8 | #e5e5e5 | 1.15 |
#fec8d8 | #fef9ef | 1.38 |
#a0c4ff | #e5e5e5 | 1.4 |
#a0c4ff | #fef9ef | 1.69 |
#e5e5e5 | #fef9ef | 1.2 |
圖像調色板 AI Product Design Tokens PNG
匯出調色盤
下載 "AI Product Design Tokens" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
