Design Token Strategy System

  • Token Teal
    #20c997
  • Layer Lavender
    #d8b4e2
  • Grid Amber
    #f7b267
  • Border Black
    #121212
  • Base Cream
    #faf3dd
  1
創建於 07/08/2025 08:32
調色盤由 淺色, 深色 種顏色組成. 強調色 Token Teal #20c997 和 Grid Amber #f7b267. 調色盤有 冷色, 暖色, 中性色 色溫.

依亮度,此調色盤由 #121212(最深)到 #FAF3DD(最淺)。 亮度範圍較寬。

整體飽和度偏鮮明(彩度較高)——60% 的顏色偏鮮明。

多元的調色盤:色相分佈在色輪上約 235° 的範圍。

整體色溫偏冷(5 中有 2)。

HEX 代碼(排序):#121212, #20C997, #D8B4E2, #F7B267, #FAF3DD

調色盤 Design Token Strategy System 具有 5 程式碼顏色的組合:
HEX: #20c997, RGB: (32, 201, 151); HEX: #d8b4e2, RGB: (216, 180, 226); HEX: #f7b267, RGB: (247, 178, 103)
HEX: #121212, RGB: (18, 18, 18); HEX: #faf3dd, RGB: (250, 243, 221)
調色板顏色的簡化版本
暗色調 中碧綠色, 淺色調 梅紅色, 淺色調 沙褐色, 淺色調 黑色, 暗色調 玉米絲色
配色方案是由 colorhunt

調色盤中的顏色代碼

Design Token Strategy System 表中顏色代碼 HEX、RGB 訊息

顏色 HEX RGB 名稱 備用名稱
#20c997 #20c997 RGB(32, 201, 151)Token Teal—
#d8b4e2 #d8b4e2 RGB(216, 180, 226)Layer Lavender—
#f7b267 #f7b267 RGB(247, 178, 103)Grid Amber—
#121212 #121212 RGB(18, 18, 18)Border BlackDark Tone Ink
#faf3dd #faf3dd RGB(250, 243, 221)Base CreamVanilla Powder

色彩調色板對比度

6 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比度
#20c997
#d8b4e2
1.17
#20c997
#f7b267
1.16
#20c997
#faf3dd
1.91
#d8b4e2
#f7b267
1
#d8b4e2
#faf3dd
1.63
#f7b267
#faf3dd
1.64

圖像調色板 Design Token Strategy System png