Zinc UX Stack

  • Primary Zinc
    #3f3f46
  • Secondary Soft Zinc
    #71717a
  • Accent Green
    #22c55e
  • Background Base
    #18181b
  • Surface Overlay
    #27272a
  • Text Light Zinc
    #f4f4f5
  46
創建於 05/28/2025 06:21
調色盤由 半暗, 淺色, 深色 種顏色組成. 強調色 Accent Green #22c55e 和 Background Base #18181b. 調色盤有 中性色, 冷色 色溫.

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

整體飽和度多半偏柔(彩度較低)——83% 的顏色偏柔和。

只有一個顏色帶有明顯色相,其餘為中性色或灰色。

多數色票讀起來偏中性色溫(6 中有 5)。

HEX 代碼(排序):#18181B, #22C55E, #27272A, #3F3F46, #71717A, #F4F4F5

調色盤 Zinc UX Stack 具有 6 程式碼顏色的組合:
HEX: #3f3f46, RGB: (63, 63, 70); HEX: #71717a, RGB: (113, 113, 122); HEX: #22c55e, RGB: (34, 197, 94)
HEX: #18181b, RGB: (24, 24, 27); HEX: #27272a, RGB: (39, 39, 42); HEX: #f4f4f5, RGB: (244, 244, 245)
調色板顏色的簡化版本
暗色調 昏灰色, 淺色調 昏灰色, 暗色調 檸檬綠, 淺色調 黑色, 淺色調 黑色, 暗色調 白煙色
配色方案是由 colorscheme

調色盤中的顏色代碼

Zinc UX Stack 表中顏色代碼 HEX、RGB 訊息

顏色HEXRGB名稱備用名稱
#3f3f46#3f3f46RGB(63, 63, 70)Primary Zinc—
#71717a#71717aRGB(113, 113, 122)Secondary Soft Zinc—
#22c55e#22c55eRGB(34, 197, 94)Accent Green—
#18181b#18181bRGB(24, 24, 27)Background Base—
#27272a#27272aRGB(39, 39, 42)Surface Overlay—
#f4f4f5#f4f4f5RGB(244, 244, 245)Text Light Zinc—

色彩調色板對比度

3 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色背景顏色對比度
#3f3f46
#18181b
1.69
#3f3f46
#27272a
1.42
#18181b
#27272a
1.18

圖像調色板 Zinc UX Stack png