FiveM HUD Color Palette Generator
Gerar paletas de cores harmoniosas para seu FiveM HUD. Exporte como variáveis CSS ou configuração Lua.
Para que serve esta ferramenta
Um HUD parece amador quando suas cores são escolhidas uma a uma. A teoria das cores resolve isso: escolha um tom base e derive o resto de ângulos fixos na roda de cores. Este gerador faz os cálculos e entrega o resultado como variáveis CSS para seu NUI e como uma tabela Lua para um arquivo de configuração, para que a mesma paleta seja usada em ambos os lados.
Como usar
- Passo 1:
Defina sua cor base, geralmente a cor de destaque que seu servidor já usa no logo.
- Passo 2:
Escolha um esquema. Análogo é calmo e ideal para barras de status, complementar dá uma cor de sinal forte para avisos.
- Passo 3:
Verifique os tons contra seu fundo. O texto do HUD fica sobre a imagem do jogo, então o contraste importa mais do que em um site.
- Passo 4:
Copie a paleta como variáveis CSS para o lado NUI, ou como uma tabela Lua para a configuração.
Perguntas frequentes
Qual esquema combina com um HUD do FiveM?
Análogo ou monocromático para qualquer coisa permanente, porque o baixo contraste entre elementos mantém o HUD calmo. Reserve uma cor complementar para alertas. Um esquema triádico em um HUD permanente deixa a tela agitada.
Por que minha cor parece diferente no jogo do que no navegador?
O jogo aplica seu próprio pós-processamento e o HUD é desenhado sobre uma imagem em movimento. Tons médios perdem contraste severamente à noite. Sempre verifique uma paleta contra uma cena escura, não contra o fundo do editor.
Como uso essas cores em Lua?
As funções nativas de desenho recebem RGBA como quatro números de 0 a 255, não strings hexadecimais. A saída em Lua já fornece essa forma, então você pode passar direto para DrawRect ou SetTextColour.
As cores devem ficar no config ou no CSS?
Coloque-as no config e passe para o NUI uma vez na inicialização. Os donos do servidor assim mudam um arquivo em vez de editar folhas de estilo, e o código Lua de desenho e o NUI não ficam dessincronizados.
Ferramentas relacionadas
Seletor de cores FiveM - RGB, HEX e cores de veículos
Escolha cores para seus scripts FiveM com valores RGB, HEX, HSL. Copiar código Lua pronto para uso.
Conversor HEX para RGB para desenvolvimento FiveM
Conversor de cores bidirecional para desenvolvimento FiveM. Conversor entre HEX, RGB, HSL com Lua e código CSS pronto para uso.
Validador e verificador de Config.lua FiveM
Valida ficheiros Config.lua FiveM instantaneamente. Verifica erros de sintaxe, vírgulas em falta, strings por fechar e parênteses descoordenados. Destaca erros com números de linha.