HEX to RGB Converter

Conversor de cores bidirecional para desenvolvimento FiveM. Conversor entre HEX, RGB, HSL com Lua e código CSS pronto para uso.

Color Pré-visualização

#2DD4BF

HEX Color

RGB Values

R (0-255)

G (0-255)

B (0-255)

HSL Saída

Code Saída

FiveM Lua Code

SetVehicleCustomPrimaryColour(vehicle, 45, 212, 191)

CSS Code

color: rgb(45, 212, 191);
background: #2dd4bf;

NUI / HTML

-- NUI callback color
local hexColor = "#2dd4bf"
local r, g, b = 45, 212, 191

With Alpha (RGBA)

100%

rgba(45, 212, 191, 1.0)

Popular FiveM Vehicle Colors

Recent Colors

Não colors yet. Iniciar converting to build history.

Para que serve esta ferramenta

O lado NUI de um script FiveM fala CSS e portanto hex, o lado Lua fala trios RGB. Toda cor que aparece em ambos os lados precisa ser convertida, e fazer isso na cabeça é onde surgem erros de digitação. Este conversor funciona em ambas as direções e fornece a linha Lua, a regra CSS e a forma rgba com alpha ao mesmo tempo.

Como usar

Passo 1:
Digite um valor hex, com ou sem o hash inicial, ou mude a direção e digite o trio RGB.
Passo 2:
Confira a pré-visualização. Tons muito escuros são difíceis de distinguir no código mas óbvios lado a lado.
Passo 3:
Copie a saída para o lado em que você está trabalhando, Lua para desenhos nativos, CSS para o NUI.
Passo 4:
Use a forma rgba quando o elemento deve ser translúcido, por exemplo um fundo de HUD.

Perguntas frequentes

Por que a mesma cor parece diferente no HUD do que no navegador?

O HUD fica sobre uma imagem de jogo em movimento e passa pelo mapeamento de tons do jogo. Cores que ficam bem em um fundo branco de editor perdem contraste sobre uma cena noturna. Sempre confira contra o gameplay real.

E quanto a códigos hex de três dígitos?

Forma curta como fff é expandida dobrando cada dígito, então fff vira ffffff. Isso funciona no CSS, mas Lua não tem essa abreviação, por isso a ferramenta sempre gera o triplo completo.

Como o alpha é tratado em cada lado?

CSS usa alpha de 0 a 1, chamadas nativas usam de 0 a 255. Passar um alpha CSS de 0.5 para uma chamada nativa resulta em zero, que é um elemento totalmente invisível e um bug comum.

Valores HSL são úteis aqui?

Sim, para variantes de uma cor. Mantenha matiz e saturação, mude a luminosidade, e você obtém um estado hover ou desabilitado que combina ao invés de uma segunda cor escolhida a olho.