FiveM HUD 调色板生成器
为您的 FiveM HUD 生成和谐的配色方案。导出为 CSS 变量或 Lua 配置。
生成的调色板
CSS变量
Lua配置
此工具的用途
HUD颜色单独挑选看起来业余。色彩理论解决此问题：选择一个基色，从色轮固定角度推导其余颜色。此生成器计算结果，输出CSS变量供NUI使用，及Lua表供配置文件使用，确保两端调色板一致。
如何使用
- 步骤 1:
设置基色，通常是服务器Logo中已有的强调色。
- 步骤 2:
选择配色方案。类似色方案保持平静，适合状态栏；互补色方案提供强烈警示色。
- 步骤 3:
根据背景检查色调。HUD文字覆盖游戏画面，需比网页更注重对比度。
- 步骤 4:
复制调色板为NUI侧的CSS变量，或配置文件用的Lua表。
常见问题
哪种方案适合FiveM HUD？
永久显示元素用类似色或单色方案，因元素间低对比保持HUD平静。预留一个互补色用于警报。永久HUD用三色方案会让画面显得不安定。
为什么游戏中颜色和浏览器中看起来不同？
游戏应用了自身的后期处理，HUD绘制在动态画面上。夜间中间调对比度严重下降。务必在暗场景中检查调色板，而非编辑器背景。
我如何在 Lua 中使用这些颜色？
Native 绘图函数接受 RGBA 作为四个从 0 到 255 的数字，而不是十六进制字符串。Lua 输出已经给出了这种形式，因此你可以直接传递给 DrawRect 或 SetTextColour。
颜色应该放在配置文件还是 CSS 中？
把它们放在配置文件中，并在启动时一次性传递给 NUI。服务器所有者只需修改一个文件，而不是编辑样式表，Lua 绘图代码和 NUI 就不会出现不同步。