創建於 07/02/2025 16:49
  1

Design System Tokens Library

  • Token Blue
    #42a5f5
  • Spacing Smoke
    #f5f5f5
  • Border Ash
    #bdbdbd
  • Typography Graphite
    #212121
  • Radius Mint
    #a5d6a7
  • Z-Index Black
    #000000
Loading...
調色盤由 光, 黑暗的 種顏色組成. 強調色 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 SmokeWhite Smoke
#bdbdbd #bdbdbd RGB(189, 189, 189)Border AshGray74
#212121 #212121 RGB(33, 33, 33)Typography GraphiteLead
#a5d6a7 #a5d6a7 RGB(165, 214, 167)Radius Mint
#000000 #000000 RGB(0, 0, 0)Z-Index BlackBlack

色彩調色板對比度

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

Loading...
Loading...