柜门色号 · SVG 模板填色演示

网站调用方法

① 把模板库（本页顶部那段 <svg width="0">…</svg>）内嵌到页面里，整站一次即可；

② 需要显示门板的地方写：

<svg class="door" viewBox="0 0 174 393" style="--door-color:#464A41">
  <use href="#door-shaker"/>   <!-- 或 #door-slim / #door-slab / #door-charleston / #door-aspen -->
</svg>

③ 可选修饰变量：

--grain:.22   /* 木纹质感，用于 TC、RW、SWO、SAO、OS、OB */
--gloss:1     /* 高光反射，用于 HW、HG、CG、MG */

注意：<use> 引用 + CSS 变量的方式要求 SVG 内嵌在 HTML 里（CSS 变量无法穿透 <img src="*.svg">）。如果一定要用独立文件，可以用 fetch 注入，或改用 mask-image + background-color 的方案。颜色值均为从产品图采样的近似值。