Color Picker

Pick colors and get HEX, RGB, HSL

R59

G130

B246

HEX#3B82F6

RGBrgb(59, 130, 246)

HSLhsl(217, 91%, 60%)

इस टूल के बारे में

रंग चुनने वाला आपको किसी भी रंग को दृश्य रूप से चुनने और तुरंत उसके HEX, RGB और HSL प्रतिनिधित्व देखने देता है। व्यापक चयन के लिए मूल रंग चुनने वाले या सटीक चैनल नियंत्रण के लिए RGB स्लाइडर का उपयोग करें।

चुने गए रंग स्वचालित रूप से हाल के रंगों के इतिहास में सहेजे जाते हैं, ताकि आप बिना दोबारा टाइप किए रंग पर जल्दी वापस आ सकें। रंग विविधताओं की तुलना करते समय उपयोगी।

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

ब्राउज़र का मूल रंग चुनने वाला खोलने और रंग चुनने के लिए बड़े रंग स्वॉच पर क्लिक करें।
अलग-अलग रंग चैनलों को सटीक रूप से समायोजित करने के लिए R, G और B स्लाइडर खींचें।
मूल्य क्लिपबोर्ड पर कॉपी करने के लिए HEX, RGB या HSL के बगल में Copy पर क्लिक करें।
कॉपी किए गए रंग हाल के रंगों की पंक्ति में दिखाई देते हैं — इसे पुनर्स्थापित करने के लिए किसी भी स्वॉच पर क्लिक करें।

उपयोग के मामले

वेब डिज़ाइनर ब्रांड गाइड से सटीक रंग चुनते हैं और CSS में hex कोड कॉपी करते हैं। डेवलपर canvas या WebGL के लिए RGB मान समायोजित करते हैं। UI डिज़ाइनर एक ही रंग में सूक्ष्म विविधताओं की तुलना करते हैं।

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

क्या चुने गए रंग स्थायी रूप से सहेजे जाते हैं? — नहीं। हाल के रंग कंपोनेंट स्थिति में संग्रहीत होते हैं और पृष्ठ छोड़ने या रीफ्रेश करने पर रीसेट हो जाते हैं। स्थायी संग्रहण के लिए hex कोड अपने नोट्स में कॉपी करें।
क्या मैं सीधे hex कोड दर्ज कर सकता हूं? — हां। अधिकांश ब्राउज़र में उपलब्ध मूल रंग चुनने वाले के hex इनपुट फ़ील्ड का उपयोग करके सीधे hex मान टाइप करें।
HSL क्या है और यह क्यों उपयोगी है? — HSL का अर्थ है Hue (रंग), Saturation (संतृप्ति) और Lightness (चमक)। Lightness बदलने से रंग हल्का या गहरा हो जाता है जबकि वही रंग बना रहता है, जो टिंट और शेड बनाने के लिए उपयोगी है।