颜色处理是一个会带来巨大下游影响的单一选项。在转换之前把它设置正确，可以省去之后大量的重新样式化工作。
两种模式
- 保留原始颜色——每个文本颜色、背景、边框颜色和阴影颜色都会作为显式值写入小部件。结果与源完全一致。
- 使用站点颜色——跳过每个小部件的颜色，改为引用 Elementor 的全局颜色：标题映射到主要色，正文文本映射到文本色，按钮背景映射到强调色，等等。
何时使用每种模式
在将某个区块引入已有品牌站点时，请选择站点颜色。该区块会立即采用你的调色板；当你以后更改某个全局颜色时，导入的区块也会随之变化。对于任何会长期留在你站点上的内容，这是便于维护的选择。
当设计的核心就是还原效果时，请选择原始颜色——例如客户样稿、一次性落地页，或者源调色板本来就与站点其余部分刻意不同。
哪些颜色值会保留下来
纯色会直接转换。两色线性渐变会被识别，并成为 Elementor 渐变背景，同时保留角度和两个色标。更复杂的背景——径向渐变、多色标渐变——无法用同一控件表示，因此会使用第一个纯色作为合理的回退，而不是生成空背景。
盒阴影也会被转换，但 Elementor 的阴影控件只保存单个阴影。如果你的 CSS 叠加了多个阴影，最前面的一个会被保留，并会有一条警告告诉你其余阴影需要手动添加。
CSS 变量
诸如 var(--brand) 这类自定义属性会在被读取之前由浏览器解析，因此你得到的是最终计算后的颜色，而不是变量名。这通常正是你想要的。如果你依赖变量进行主题化，请改用站点颜色，并从 Elementor 的全局颜色驱动调色板——这是同一思路在 WordPress 原生环境中的等价做法。
透明度
完全透明的背景会被视为“无背景”，而不是写成一种透明颜色，这样能保持设置面板干净。像 rgba(255,255,255,.88) 这样的半透明值会按原样保留。
完整映射关系
在站点颜色模式下，每个小部件类型会绑定到调色板中的特定槽位：
- 标题 → 主要色
- 正文文本 → 文本色
- 按钮背景 → 强调色
- 图标 → 主要色
- 分隔线 → 次要色
开启站点排版对字体的处理也类似：标题采用你的主要排版，正文文本采用次要排版。
这两个选项是相互独立的。站点颜色搭配原始字体是一种常见且合理的组合——区块采用你的调色板，同时保留设计所依赖的展示字体。请分别设置它们，而不要把它们当作一个开关。
为什么这种关联是实时的，而不是复制
这是值得理解的部分，因为它解释了为什么这个选择在以后如此重要。站点模式并不会查找你的主要色，然后将其十六进制值粘贴到小部件上。它会写入对全局颜色的引用——Elementor 将其存储为指向调色板条目的指针，而不是一个值。
因此这种绑定会保持有效。六个月后在站点设置中更改主要色，所有以站点模式转换的标题都会随之变化，而且是在每个页面上，无需打开其中任何一个。转换后的页面会成为你设计系统中的正常一员，而不是一个恰好今天匹配的外来对象。
使用原始颜色时，值会被固化。对于需要忠实还原的客户样稿，这正是你想要的；而对于一个你要维护两年的区块，这也正是错误的选择。
先设置好你的调色板
有一个前提条件经常让人踩坑。站点模式会绑定到你的全局颜色当前所保存的内容——它不会创建或猜测这些颜色。如果你的站点调色板仍是 Elementor 的出厂默认值就进行转换，你的区块会忠实地采用出厂默认值，看起来就像转换失败了一样。
在转换任何你打算保留的内容之前，花五分钟在站点设置 → 全局颜色中定义主要色、次要色、文本色和强调色。之后导入的所有内容都会一次性正确落地。
图标的行为略有不同
在站点模式下转换的图标会被赋予 currentColor，而不是固定值，这意味着它会从包含它的任何元素继承颜色。把该图标放进深色区块，它会随周围的文本一起变为浅色，且无需记住每个小部件的设置。
这是一件小事，却能省去一个具体而烦人的麻烦：更改区块背景后，不必再逐个找出十二个图标小部件，只因为它们都还是原来在白底上的颜色。
一个实用建议
如果你不确定，可以先用原始颜色转换一次，以确认布局忠实还原，然后再用站点颜色转换一次，作为你实际发布的版本。对比两者只需两分钟，就能让决定变得很清晰。
默认情况下：任何要上到你自有站点的内容，使用站点颜色。任何为了获得批准而还原他人设计的内容，使用原始颜色。当样稿获得批准并成为正式页面后，请再次以站点模式转换它，而不是手动重新着色。