HEX से RGB Converter

FiveM विकास के लिए द्विदिश रंग कनवर्टर। HEX, RGB, HSL के बीच रूपांतरण करें तैयार Lua और CSS कोड के साथ।

कलर प्रीव्यू

#2DD4BF

कोड आउटपुट

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
100%
rgba(45, 212, 191, 1.0)

लोकप्रिय FiveM वाहन रंग

हाल के रंग

अभी तक कोई रंग नहीं। बिल्ड इतिहास में परिवर्तित करना शुरू करें।

यह टूल किस लिए है

FiveM स्क्रिप्ट का NUI पक्ष CSS बोलता है और इसलिए hex, जबकि Lua पक्ष RGB ट्रिपल बोलता है। हर रंग जो दोनों जगह दिखता है उसे कन्वर्ट करना होता है, और इसे दिमाग में करना टाइपो का कारण बनता है। यह कन्वर्टर दोनों दिशाओं में काम करता है और आपको Lua लाइन, CSS नियम और alpha के साथ rgba फॉर्म एक साथ देता है।

इसे कैसे उपयोग करें

  1. चरण 1:

    एक hex वैल्यू दर्ज करें, चाहे वह leading hash के साथ हो या बिना, या दिशा बदलें और RGB ट्रिपल दर्ज करें।

  2. चरण 2:

    प्रिव्यू चेक करें। बहुत गहरे टोन कोड में अलग दिखना मुश्किल होता है लेकिन एक-दूसरे के पास स्पष्ट होते हैं।

  3. चरण 3:

    जिस साइड पर आप काम कर रहे हैं उसका आउटपुट कॉपी करें, Lua नेटिव ड्रॉ के लिए, CSS NUI के लिए।

  4. चरण 4:

    rgba फॉर्म का उपयोग तब करें जब एलिमेंट ट्रांसलूसेंट होना चाहिए, जैसे HUD बैकग्राउंड।

अक्सर पूछे जाने वाले प्रश्न

एक ही रंग HUD में ब्राउज़र से अलग क्यों दिखता है?

HUD एक मूविंग गेम इमेज के ऊपर होता है और गेम टोन मैपिंग से गुजरता है। जो रंग सफेद एडिटर बैकग्राउंड पर ठीक दिखते हैं, वे नाइट सीन पर कंट्रास्ट खो देते हैं। हमेशा असली गेमप्ले के खिलाफ चेक करें।

तीन अंकों वाले hex कोड के बारे में क्या?

शॉर्ट फॉर्म जैसे fff को हर अंक को डबल करके बढ़ाया जाता है, इसलिए fff बनता है ffffff। यह CSS में काम करता है, लेकिन Lua में ऐसा कोई शॉर्टहैंड नहीं है, इसलिए टूल हमेशा पूरा ट्रिपल आउटपुट करता है।

प्रत्येक साइड पर alpha कैसे हैंडल होता है?

CSS में alpha 0 से 1 तक होता है, नेटिव ड्रॉ कॉल्स में 0 से 255 तक। CSS alpha 0.5 को नेटिव कॉल में पास करने पर आपको 0 मिलता है, जो पूरी तरह से अदृश्य एलिमेंट है और एक आम बग है।

क्या HSL वैल्यू यहाँ उपयोगी हैं?

हाँ, एक रंग के वेरिएंट्स के लिए। hue और saturation रखें, lightness बदलें, और आपको एक hover स्टेट या disabled स्टेट मिलता है जो मैच करता है बजाय आंख से चुने गए दूसरे रंग के।