कलर पिकर और कन्वर्टर
कोई भी color चुनें और तुरंत उसकी HEX, RGB और HSL values देखें।
कलर पिकर में रंग चुनने के तीन तरीक़े
इस पेज के सारे खाने एक ही रंग को बताते हैं, और किसी एक को बदलने पर बाक़ी अपने आप बदल जाते हैं:
- रंग चुनें वाली पट्टी: उस पर क्लिक करें तो ब्राउज़र का color dialog खुलता है, जहाँ आँख से रंग चुन सकते हैं।
- HEX खाना: कोड टाइप या पेस्ट करें,
#के साथ या बिना, 3 अंकों या 6 अंकों में। - R, G और B खाने: हर चैनल 0 से 255 तक डालें, ताकि एक बार में एक चैनल थोड़ा-थोड़ा बदल सकें।
पेज #4f46e5 से शुरू होता है, एक नीला-बैंगनी (indigo) रंग, जो rgb(79, 70, 229) और hsl(243, 75%, 59%) के रूप में दिखता है। हर फ़ॉर्मेट के साथ अपना कॉपी बटन है।
एक रंग, तीनों फ़ॉर्मेट में
कुछ जाने-पहचाने रंग, जैसे पेज उन्हें दिखाता है:
| रंग | HEX | RGB | HSL |
|---|---|---|---|
| लाल | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| केसरिया | #ff9933 | rgb(255, 153, 51) | hsl(30, 100%, 60%) |
| हरा | #138808 | rgb(19, 136, 8) | hsl(115, 89%, 28%) |
| नीला | #1e90ff | rgb(30, 144, 255) | hsl(210, 100%, 56%) |
| स्लेटी | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) |
कौन-सा कॉपी करें, यह इस पर निर्भर है कि रंग कहाँ जाना है। HEX छोटा रूप है, जो CSS, डिज़ाइन हैंडऑफ़ और ब्रांड गाइड में चलता है। RGB उस कोड के लिए ठीक है जो चैनल अलग-अलग इस्तेमाल करता है, जैसे canvas पर ड्रॉ करना या इमेज को रंगना। HSL को बदलना सबसे आसान है: hue और saturation वही रखें और lightness बदलें, तो उसी रंग का गहरा या हल्का शेड मिल जाता है।
HSL राउंड होता है, HEX और RGB सटीक रहते हैं
HSL के मान पूरी संख्या में राउंड होते हैं, इसलिए पास-पास के रंगों का HSL एक जैसा दिख सकता है। #808080 और #7f7f7f दो अलग स्लेटी रंग हैं, पर दोनों hsl(0, 0%, 50%) दिखाते हैं। HSL कॉपी करके वापस बदलें तो आप शुरुआती रंग से एक क़दम दूर पहुँच सकते हैं।
जब रंग बिल्कुल सटीक चाहिए, जैसे लोगो या ब्रांड पैलेट से मिलाना, तो HEX या RGB कॉपी करें। HSL तब इस्तेमाल करें जब आगे रंग को बदलना ही है।
कलर पिकर क्या नहीं करता
- पारदर्शिता (transparency): alpha चैनल नहीं है।
#4f46e580जैसे 8 अंकों वाले और 4 अंकों वाले कोड नहीं चलते। - रंगों के नाम:
red,tealया लाल जैसे नाम टाइप करने से कुछ नहीं होता। HEX कोड डालें। - गलत कोड: जब तक HEX खाने में ऐसा कुछ है जो पढ़ा नहीं जा सकता, रंग का नमूना स्लेटी हो जाता है, खानों के नीचे संदेश आता है कि 3 या 6 अंकों वाला मान्य HEX रंग दर्ज करें, और RGB व HSL खाने आपके रंग की जगह डिफ़ॉल्ट indigo के मान दिखाने लगते हैं। कुछ भी कॉपी करने से पहले कोड ठीक करें।
- जैसा टाइप किया, वैसा कॉपी: HEX का कॉपी बटन खाने में लिखा कोड जस का तस कॉपी करता है।
f80टाइप किया है तो वही मिलेगा, बिना #। पिकर हिलाएं या कोई RGB खाना बदलें, तो कोड पूरा लिखा जाता है,#ff8800के रूप में।
अक्सर पूछे जाने वाले सवाल
HEX कोड को RGB में कैसे बदलें?+
HEX खाने में कोड डालें, RGB और HSL तुरंत दिख जाते हैं। हाथ से करना हो तो 6 अंकों को दो-दो के तीन जोड़ों में बांटें और हर जोड़े को 16 के आधार से दशमलव में बदलें: #ff9933 में ff = 255, 99 = 153, 33 = 51, यानी rgb(255, 153, 51)।
क्या स्क्रीन पर कहीं और से रंग उठा सकते हैं?+
यह आपके ब्राउज़र के color dialog पर निर्भर है, जो रंग की पट्टी पर क्लिक करने से खुलता है। अगर उसमें eyedropper है, तो उससे पेज के बाहर का रंग भी उठा सकते हैं और HEX, RGB, HSL मान बदल जाएंगे।
क्या #fff और #ffffff एक ही रंग हैं?+
हाँ। 3 अंकों वाला कोड छोटा रूप है, जिसमें हर अंक दोहराया जाता है। #fff यानी #ffffff, सफ़ेद, और #f80 यानी #ff8800। पिकर या RGB खाने कोड को छोटे अक्षरों में लिखते हैं, पर अक्षर छोटे-बड़े होने से रंग नहीं बदलता।