रंग चयनकर्ता और कनवर्टर

रंग चयनकर्ता (Color Picker) एक बहुमुखी डिज़ाइन उपकरण है जो रचनात्मक दृष्टि और कार्यान्वयन कोड के बीच की खाई को पाटता है। यह कई डिजिटल स्वरूपों में रंगों के चयन, विश्लेषण और रूपांतरण का समर्थन करता है।

रंग मॉडल की व्याख्या

• HEX (हेक्साडेसिमल): एक 6-अंकीय कोड (अक्सर एक हैश के साथ, उदा: #FF5733) जो लाल, हरे और नीले मूल्यों का प्रतिनिधित्व करता है। यह वेब डिज़ाइन (CSS) और HTML के लिए सबसे कॉम्पैक्ट और व्यापक रूप से समर्थित प्रारूप है।
• RGB (लाल, हरा, नीला): एक योगात्मक रंग मॉडल जिसमें लाल, हरे और नीले रंग की रोशनी को एक साथ जोड़ा जाता है। मान आम तौर पर 0 से 255 तक होते हैं। यह परिभाषित करता है कि स्क्रीन पर प्रत्येक पिक्सेल को कितनी रोशनी उत्सर्जित करनी चाहिए।
• HSL (ह्यू, संतृप्ति, हल्कापन): मनुष्यों के लिए सबसे सहज मॉडल।
  • ह्यू (Hue): रंग चक्र पर रंग का प्रकार (0-360 डिग्री)। 0=लाल, 120=हरा, 240=नीला।
  • संतृप्ति (Saturation): रंग की तीव्रता या शुद्धता (0% = धूसर, 100% = पूर्ण रंग)।
  • हल्कापन (Lightness): चमक (0% = काला, 100% = सफेद)। यह छाया (हल्का/गहरा संस्करण) उत्पन्न करने के लिए बहुत अच्छा है।

डिजाइनरों के लिए विशेषताएं

• कंट्रास्ट चेकर: (जल्द आ रहा है) सुनिश्चित करें कि आपकी पृष्ठभूमि और टेक्स्ट रंग WCAG 2.1 पहुंच दिशानिर्देशों को पूरा करते हैं (उदा: पढ़ने की क्षमता के लिए 4.5:1 अनुपात)।
• पैलेट जनरेशन: मूल रंग के आधार पर पूरक (विपरीत), अनुरूप (पड़ोसी) और ट्रायडिक (संतुलित) रंग योजनाएं बनाएं।

डेवलपर्स के लिए

CSS चर (`--primary-color: #x`) या SASS मानचित्रों में उपयोग के लिए तुरंत कोड कॉपी करें। यह टूल ब्राउज़र विसंगतियों से बचने के लिए मानों को इनपुट करते ही स्वचालित रूप से क्लिप या सामान्य कर देता है।