试色

点击色块 → 整页对应 token 即时换色（选中项有粉描边）；「重置」恢复当前 token。天蓝会连带推导一档 surface-strong。

天蓝 · surface

雾蓝纸 · sky 8% 混纸

color-mix 8%

纯天蓝

#e9f3fe

sky-50

#f0f9ff

sky-50 ⊕ 25% sky-100

#ecf7ff

sky-50 ⊕ 50% sky-100

#e8f6ff

sky-50 ⊕ 75% sky-100

#e4f4fe

sky-100

#e0f2fe

blue-50 · 偏靛

#eff6ff

blue-100 · 过深参考

#dbeafe

aliceblue

#f0f8ff

同明度 · 偏青 hue200

#e9f7fe

同明度 · 偏紫 hue220

#e9f0fe

掺纸 40% · 更灰

#f0f5fb

粉色 · highlight

当前 · pink-300 半透

82.3% 0.12 346° / 50%

pink-300 ⊕ 65%

82.3% 0.12 346° / 65%

pink-300 ⊕ 35%

82.3% 0.12 346° / 35%

pink-200 · 更浅更柔

89.9% 0.061 343° / 60%

pink-400 · 更饱和

71.8% 0.202 350° / 45%

pink-500 · 浓一笔

65.6% 0.241 354° / 30%

rose-300 · 偏红

81% 0.117 12° / 50%

fuchsia-300 · 偏紫

83.3% 0.137 328° / 50%

pink-300 · 不透明参考

82.3% 0.12 346° / 100%

雾粉纸 · pink 40% 混纸

color-mix 40%

上下文预览

const surface = "mist blue";  // 点击上方色块试试

引用块吃 --color-surface，里面的行内 chip 吃更深一档的 --color-surface-strong。

卡片 hover 也会浮起天蓝；标题带荧光笔扫过：纸上雾蓝

粉色高亮常见形态：标题底部的静态色块标记，以及行内的荧光笔划线。