HEX转RGB 转换器
FiveM开发的双向颜色转换器。在HEX、RGB、HSL之间转换,附带可用的Lua和CSS代码。
颜色预览
#2DD4BF
代码输出
SetVehicleCustomPrimaryColour(vehicle, 45, 212, 191)
color: rgb(45, 212, 191); background: #2dd4bf;
-- NUI callback color local hexColor = "#2dd4bf" local r, g, b = 45, 212, 191
100%
rgba(45, 212, 191, 1.0)
热门FiveM车辆颜色
最近颜色。
尚无颜色。开始转换为构建历史。
此工具的用途
FiveM脚本的NUI端使用CSS,因此使用十六进制颜色,而Lua端使用RGB三元组。每个在两个地方都出现的颜色都必须转换,在脑中转换容易出错。这个转换器支持双向转换,同时给出Lua代码行、CSS规则和带alpha的rgba格式。
如何使用
- 步骤 1:
输入一个十六进制值,可以带或不带前导的#,或者切换方向输入RGB三元组。
- 步骤 2:
检查预览。非常暗的色调在代码中难以区分,但放在一起时很明显。
- 步骤 3:
复制你正在使用的端的输出,Lua用于原生绘制,CSS用于NUI。
- 步骤 4:
当元素需要半透明时使用rgba格式,例如HUD背景。
常见问题
为什么同一个颜色在HUD和浏览器中看起来不同?
HUD覆盖在动态游戏画面上,并通过游戏的色调映射。那些在白色编辑器背景下看起来正常的颜色,在夜间场景中会失去对比度。务必在实际游戏中检查。
三位十六进制代码怎么办?
像fff这样的简写通过重复每个数字扩展为ffffff。这在CSS中有效,但Lua没有这种简写,这就是工具总是输出完整三元组的原因。
每一端如何处理alpha?
CSS的alpha范围是0到1,原生绘制调用的alpha范围是0到255。将CSS的0.5传给原生调用会得到0,即完全透明的元素,这是一个常见错误。
这里HSL值有用吗?
有,用于同一颜色的变体。保持色相和饱和度,改变亮度,可以得到匹配的悬停状态或禁用状态,而不是凭眼睛选的第二种颜色。