創建於 06/14/2025 19:41
經過hex
  1

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
Loading...
調色盤由 光, 黑暗的 種顏色組成. 強調色 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 AshGray90
#1a1a1a #1a1a1a RGB(26, 26, 26)Action InkGray10
#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

Loading...
Loading...