रंग कोड जनरेटर और कनवर्टर

रंग चुनें या HEX कोड डालें — तुरंत HEX, RGB, HSL, CSS नाम और पूरक रंग पाएं।

तुरंत परिणाम ब्राउज़र में चलता है
HEX कोड
#3D7EF7
RGB मान
rgb(61, 126, 247)
HSL मान
hsl(218, 91%, 60%)
CSS नाम
पूरक रंग
#F7823D

रंग मॉडल

HEX  → #RRGGBB
RGB  → 0–255 per ch.
HSL  → 0–360° / 0–100%
WCAG → min 4.5:1

HEX: वेब मानक। RGB: स्क्रीन आधारित। HSL: रंग-संतृप्ति-चमक, डिजाइनर के लिए सहज।

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

  1. 1
    रंग चुनेंकलर पिकर पर क्लिक करें या सीधे HEX कोड डालें (जैसे: #FF5733)।
  2. 2
    मान देखेंHEX, RGB और HSL तुरंत गणना होते हैं; CSS नाम और पूरक रंग स्वचालित रूप से दिखाए जाते हैं।
  3. 3
    कॉपी करेंएक क्लिक से मनचाहा रंग कोड क्लिपबोर्ड पर कॉपी करें।

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

HEX रंग कोड क्या है?
#RRGGBB प्रारूप में 6 अंकों की हेक्साडेसिमल संख्या। प्रत्येक जोड़ी एक चैनल (लाल, हरा, नीला) की तीव्रता 00 से FF (0–255) तक दर्शाती है, जो 16,77,216 रंग प्रदान करती है।
RGB या HSL — कौन सा उपयोग करूं?
RGB स्क्रीन हार्डवेयर से मेल खाता है और CSS में व्यापक रूप से उपयोग होता है। HSL डिजाइनरों के लिए अधिक सहज है: रंग बदले बिना चमक बदल सकते हैं।
पूरक रंग किस काम आता है?
पूरक रंग रंग चक्र पर 180° विपरीत होता है और अधिकतम कंट्रास्ट बनाता है — CTA बटन और डेटा विज़ुअलाइज़ेशन के लिए आदर्श।

वेब में रंग कोड: HEX, RGB और HSL

वेब डेवलपमेंट में रंग मुख्यतः तीन प्रारूपों में परिभाषित किए जाते हैं: HEX, RGB और HSL। यह टूल किसी भी रंग को तुरंत तीनों प्रारूपों में बदलता है और CSS नाम तथा पूरक रंग भी दिखाता है।

HEX रंग कोड

HEX वेब पर सबसे आम रंग प्रारूप है। #RRGGBB के रूप में लिखा जाता है जहाँ प्रत्येक जोड़ी एक चैनल (लाल, हरा, नीला) की तीव्रता 00 से FF तक दर्शाती है। 256 मानों प्रति चैनल के साथ HEX 16,77,216 रंग सपोर्ट करता है।

RGB रंग मॉडल

RGB स्क्रीन की भौतिक संरचना को दर्शाता है। प्रत्येक चैनल 0 से 255 का मान लेता है। CSS में: rgb(255, 87, 51) या पारदर्शिता के साथ rgba(255, 87, 51, 0.8)

HSL रंग मॉडल

HSL (रंग-संतृप्ति-चमक) डिजाइनरों के लिए अधिक सहज है। रंग बदले बिना केवल चमक बदलकर हल्के या गहरे रंग बनाए जा सकते हैं।

पूरक रंग

पूरक रंग रंग चक्र पर 180° विपरीत होते हैं: लाल ↔ सियान, हरा ↔ मैजेंटा, नीला ↔ पीला। CTA बटन और डेटा विज़ुअलाइज़ेशन में उपयोग होते हैं।

वेब एक्सेसिबिलिटी (WCAG)

लगभग 8% पुरुषों को कलर ब्लाइंडनेस होती है। WCAG 2.1 AA सामान्य टेक्स्ट के लिए कम से कम 4.5:1 का कंट्रास्ट अनुपात आवश्यक करता है।

गोपनीयता

सभी गणनाएं आपके ब्राउज़र में होती हैं। कोई डेटा सर्वर को नहीं भेजा जाता।

टिप्पणियां