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. 步骤 1:

    输入一个十六进制值,可以带或不带前导的#,或者切换方向输入RGB三元组。

  2. 步骤 2:

    检查预览。非常暗的色调在代码中难以区分,但放在一起时很明显。

  3. 步骤 3:

    复制你正在使用的端的输出,Lua用于原生绘制,CSS用于NUI。

  4. 步骤 4:

    当元素需要半透明时使用rgba格式,例如HUD背景。

常见问题

为什么同一个颜色在HUD和浏览器中看起来不同?

HUD覆盖在动态游戏画面上,并通过游戏的色调映射。那些在白色编辑器背景下看起来正常的颜色,在夜间场景中会失去对比度。务必在实际游戏中检查。

三位十六进制代码怎么办?

像fff这样的简写通过重复每个数字扩展为ffffff。这在CSS中有效,但Lua没有这种简写,这就是工具总是输出完整三元组的原因。

每一端如何处理alpha?

CSS的alpha范围是0到1,原生绘制调用的alpha范围是0到255。将CSS的0.5传给原生调用会得到0,即完全透明的元素,这是一个常见错误。

这里HSL值有用吗?

有,用于同一颜色的变体。保持色相和饱和度,改变亮度,可以得到匹配的悬停状态或禁用状态,而不是凭眼睛选的第二种颜色。