Conversor HEX a RGB
Conversor bidireccional de colores para desarrollo FiveM. Convierte entre HEX, RGB y HSL con código Lua y CSS listo para usar.
Vista previa del color
Código generado
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
rgba(45, 212, 191, 1.0)
Popular FiveM Vehicle Colors
Recent Colors
Para qué sirve esta herramienta
El lado NUI de un script de FiveM habla CSS y por lo tanto hex, el lado Lua habla en triples RGB. Cada color que aparece en ambos lados debe ser convertido, y hacerlo en tu cabeza es de donde vienen los errores tipográficos. Este convertidor funciona en ambas direcciones y te entrega la línea Lua, la regla CSS y la forma rgba con alfa al mismo tiempo.
Cómo usarlo
- Paso 1:
Introduce un valor hex, con o sin el hash inicial, o cambia la dirección e introduce el triple RGB.
- Paso 2:
Revisa la vista previa. Los tonos muy oscuros son difíciles de distinguir en el código pero evidentes uno junto al otro.
- Paso 3:
Copia la salida para el lado en el que estás trabajando, Lua para dibujos nativos, CSS para el NUI.
- Paso 4:
Usa la forma rgba cuando el elemento deba ser translúcido, por ejemplo un fondo de HUD.
Preguntas frecuentes
¿Por qué el mismo color se ve diferente en el HUD que en el navegador?
El HUD está sobre una imagen de juego en movimiento y pasa por el mapeo de tonos del juego. Los colores que se leen bien sobre un fondo blanco del editor pierden contraste sobre una escena nocturna. Siempre verifica contra el juego real.
¿Qué pasa con los códigos hex de tres dígitos?
La forma corta como fff se expande duplicando cada dígito, así que fff es ffffff. Eso funciona en CSS, pero Lua no tiene tal abreviatura, por eso la herramienta siempre genera el triple completo.
¿Cómo se maneja el alfa en cada lado?
CSS toma alfa de 0 a 1, las llamadas de dibujo nativas lo toman de 0 a 255. Pasar un alfa CSS de 0.5 a una llamada nativa te da cero, que es un elemento completamente invisible y un error común.
¿Son útiles los valores HSL aquí?
Sí, para variantes de un color. Mantén el tono y la saturación, cambia la luminosidad, y obtienes un estado hover o un estado deshabilitado que coincide en lugar de un segundo color elegido a ojo.
Herramientas relacionadas
Selector de color FiveM - Conversor RGB / HEX
Elija colores para sus scripts FiveM con valores RGB, HEX, HSL. Copie el código Lua listo para usar.
Generador de paletas de colores para FiveM
Genera paletas de colores bonitas para tus scripts FiveM. Genera código Lua para colores de blips, huds y UIs.
Conversor JSON a Lua - Tablas FiveM
Convierte JSON a tablas Lua para FiveM. Soporte para objetos anidados, arrays y strings.