HEX to RGB Converter
Convertisseur de couleurs bidirectionnel pour le développement FiveM. Convertissez entre HEX, RVB, HSL avec le code Lua et CSS prêt à l'emploi.
Color Preview
Code Output
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
À quoi sert cet outil
Le côté NUI d'un script FiveM parle CSS et donc hexadécimal, le côté Lua parle en triplets RGB. Chaque couleur qui apparaît dans les deux endroits doit être convertie, et le faire mentalement est source d'erreurs. Ce convertisseur fonctionne dans les deux sens et vous donne la ligne Lua, la règle CSS et la forme rgba avec alpha en même temps.
Comment l'utiliser
- Étape 1:
Entrez une valeur hexadécimale, avec ou sans le dièse initial, ou changez de direction et entrez le triplet RGB.
- Étape 2:
Vérifiez l'aperçu. Les tons très foncés sont difficiles à distinguer dans le code mais évidents côte à côte.
- Étape 3:
Copiez la sortie pour le côté sur lequel vous travaillez, Lua pour les dessins natifs, CSS pour le NUI.
- Étape 4:
Utilisez la forme rgba lorsque l'élément doit être translucide, par exemple un fond de HUD.
Questions fréquemment posées
Pourquoi la même couleur semble-t-elle différente dans le HUD et dans le navigateur ?
Le HUD est superposé à une image de jeu en mouvement et passe par la correction de tonalité du jeu. Les couleurs qui lisent bien sur un fond blanc d'éditeur perdent du contraste sur une scène nocturne. Vérifiez toujours avec le gameplay réel.
Qu'en est-il des codes hexadécimaux à trois chiffres ?
La forme courte comme fff est développée en doublant chaque chiffre, donc fff devient ffffff. Cela fonctionne en CSS, mais Lua n'a pas ce raccourci, c'est pourquoi l'outil produit toujours le triplet complet.
Comment l'alpha est-il géré de chaque côté ?
Le CSS prend l'alpha de 0 à 1, les appels de dessin natifs de 0 à 255. Passer un alpha CSS de 0.5 dans un appel natif donne zéro, ce qui rend l'élément complètement invisible et est un bug fréquent.
Les valeurs HSL sont-elles utiles ici ?
Oui, pour des variantes d'une même couleur. Gardez la teinte et la saturation, changez la luminosité, et vous obtenez un état hover ou désactivé qui correspond au lieu d'une seconde couleur choisie à l'œil.
Outils associés
Sélecteur de couleurs - Outil FiveM
Choisissez des couleurs pour tes scripts FiveM avec des valeurs RVB, HEX, HSL. Copiez le code Lua prêt à l'emploi.
Générateur de palette de couleurs - Outil FiveM
Générez des palettes de couleurs harmonieuses pour ton FiveM HUD. Exporter sous forme de variables CSS ou de configuration Lua.
Convertisseur JSON vers Lua - Outil FiveM
Convertissez JSON en Lua pour vos scripts FiveM. Outil en ligne gratuit pour développeurs.