HEX إلى RGB محول

محول ألوان ثنائي الاتجاه لتطوير FiveM. يحول بين HEX، RGB، HSL مع كود Lua و CSS جاهز للاستخدام.

معاينة اللون

#2DD4BF

لون HEX

قيم RGB

R (0-255)

G (0-255)

B (0-255)

مخرجات HSL

إخراج الشفرة

كود Lua في FiveM

SetVehicleCustomPrimaryColour(vehicle, 45, 212, 191)

كود CSS

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)

ألوان مركبات FiveM شائعة

الألوان الأخيرة

لا ألوان حتى الآن. ابدأ التحويل إلى سجل البناء.

ما هو الغرض من هذه الأداة

جانب NUI من سكريبت FiveM يتحدث CSS وبالتالي hex، وجانب Lua يتحدث ألوان RGB ثلاثية. كل لون يظهر في كلا الجانبين يجب تحويله، والقيام بذلك في ذهنك هو مصدر الأخطاء الإملائية. هذا المحول يعمل في كلا الاتجاهين ويعطيك سطر Lua، وقاعدة CSS، وصيغة rgba مع ألفا في نفس الوقت.

كيفية استخدامه

الخطوة 1:
أدخل قيمة hex، مع أو بدون الهاش المسبق، أو غيّر الاتجاه وأدخل الثلاثي RGB.
الخطوة 2:
تحقق من المعاينة. الدرجات الداكنة جدًا يصعب تمييزها في الكود لكنها واضحة بجانب بعضها البعض.
الخطوة 3:
انسخ الناتج للجانب الذي تعمل عليه، Lua للرسم الأصلي، CSS لـ NUI.
الخطوة 4:
استخدم صيغة rgba عندما يجب أن يكون العنصر شفافًا، مثل خلفية HUD.

الأسئلة المتكررة

لماذا يبدو نفس اللون مختلفًا في HUD مقارنة بالمتصفح؟

HUD يجلس فوق صورة لعبة متحركة ويمر عبر تعيين نغمة اللعبة. الألوان التي تبدو جيدة على خلفية محرر بيضاء تفقد التباين فوق مشهد ليلي. تحقق دائمًا مقابل اللعب الفعلي.

ماذا عن رموز hex ذات الثلاثة أرقام؟

الشكل المختصر مثل fff يتم توسيعه بمضاعفة كل رقم، لذا fff تصبح ffffff. هذا يعمل في CSS، لكن Lua لا يحتوي على مثل هذا الاختصار، ولهذا السبب الأداة دائمًا تخرج الثلاثي الكامل.

كيف يتم التعامل مع ألفا في كل جانب؟

CSS يأخذ ألفا من 0 إلى 1، استدعاءات الرسم الأصلية تأخذها من 0 إلى 255. تمرير ألفا CSS بقيمة 0.5 إلى استدعاء أصلي يعطيك صفر، وهو عنصر غير مرئي تمامًا وسبب شائع للأخطاء.

هل قيم HSL مفيدة هنا؟

نعم، للمتغيرات من لون واحد. احتفظ بدرجة اللون والتشبع، غيّر الإضاءة، وستحصل على حالة تحويم أو حالة معطلة تطابق بدلاً من لون ثاني مختار بالعين.