रंग कोड कन्वर्टर

रंग जिस रूप में आपके पास है उसी में लिखिए — `#663399`, `rgb(102 51 153)`, `hsl(270 50% 40%)` या बस `rebeccapurple` — और बाकी सारे रूप एक साथ दिख जाते हैं, कॉपी करने के लिए तैयार। कुछ भी कहीं नहीं भेजा जाता; हिसाब उसी पन्ने में होता है जिसे आप पढ़ रहे हैं।

यहाँ का CMYK सामान्य नाममात्र रूपांतरण है। यह कलर-प्रोफ़ाइल से नहीं जुड़ा, इसलिए प्रिंटर को अपने प्रोफ़ाइल से अलग मान मिलेंगे।

  • कहाँ चलता है कुछ भी अपलोड नहीं होता, क्योंकि कोई फ़ाइल है ही नहीं — गणना इसी पन्ने में होती है।
  • न कतार, न खाता यह उतनी ही तेज़ी से जवाब देता है जितनी आपकी मशीन देती है, और कभी नहीं पूछता कि आप कौन हैं।
  • जितनी बार चाहें न कुछ गिना जाता है, न कोई सीमा है — दोबारा जवाब देने में हमारा कुछ ख़र्च नहीं होता।

काम कैसे करता है

  1. अपना रंग खाने में लिखिए या चिपकाइए। हैश के साथ या बिना हेक्स, `rgb()`, `hsl()`, `hsv()` या CSS नाम — सब चलते हैं।
  2. नीचे बाकी रूप पढ़िए। हर एक के साथ कॉपी करने का बटन है।
  3. मान बदलकर बारीकी से ठीक कीजिए — नतीजे लिखते ही साथ चलते हैं।
  4. कुछ अपलोड नहीं होता और कुछ सहेजा नहीं जाता। टैब बंद, बात खत्म।

एक ही रंग के पाँच अलग-अलग अंक क्यों होते हैं

HEX और RGB एक ही चीज़ हैं, बस लिखने का ढंग अलग है। `#663399` हेक्साडेसिमल अंकों के तीन जोड़े हैं — 102, 51 और 153 — और `rgb(102 51 153)` वही अंक दशमलव में हैं। बदलने में कुछ खोता नहीं, क्योंकि सिर्फ़ आधार बदलता है।

HSL और HSV उसी रंग को स्क्रीन की जगह इंसान की नज़र से बताते हैं। लाल, हरा और नीला कितना मिलाना है, इसके बजाय वे रंग को एक चक्र पर कोण की तरह देते हैं, फिर संतृप्ति और चमक। डिज़ाइनर इन्हें इसीलिए चुनते हैं: रंग को दस प्रतिशत हल्का करना HSL में एक अंक है और RGB में तीन उलझे हुए।

CMYK ही वह है जो सटीक नहीं हो सकता

इस पन्ने का बाकी सब उन्हीं तीन अंकों की फिर से सजावट है। CMYK नहीं: वह काग़ज़ पर स्याही की बात करता है, और सियान, मैजेंटा, पीले और काले का मिश्रण असल में कैसा दिखेगा, यह मशीन, काग़ज़ और कलर प्रोफ़ाइल पर निर्भर करता है। किसी सूत्र की इन तक पहुँच नहीं है।

यहाँ जो मिलता है वह वही सामान्य नाममात्र रूपांतरण है जो हर वह औज़ार करता है जो प्रोफ़ाइल पूछे बिना CMYK देता है। शुरुआती अंदाज़े के लिए ठीक है, छपाई के लिए तय मान नहीं। अगर रंग सचमुच मायने रखता है, तो प्रेस हेक्स माँगेगा और अपनी प्रोफ़ाइल से खुद सेपरेशन करेगा।

पारदर्शिता, और वह कहाँ बचती है

अल्फ़ा साथ चलता है: `#663399cc`, `rgba(102, 51, 153, 0.8)` और `rgb(102 51 153 / 80%)` सब 80% अपारदर्शिता वाला वही रंग हैं, और तीनों सही पढ़े जाते हैं। आठ अंकों वाला हेक्स रूप सबसे कम दिखता है और सबसे ज़्यादा औज़ारों को गच्चा देता है, जबकि वह छह अंकों वाले रूप में अपारदर्शिता के लिए एक चौथा जोड़ा भर है।

CMYK में इसका कोई जोड़ नहीं, क्योंकि स्याही या तो काग़ज़ पर जाती है या नहीं। अगर दिया गया रंग आंशिक रूप से पारदर्शी है, तो CMYK मान उसे पूरी तरह अपारदर्शी मानकर बताते हैं।

कंट्रास्ट के अंक, और वे किस काम के हैं

रूपों के नीचे दो अंक हैं: आपके रंग का सफ़ेद और काले के मुक़ाबले कंट्रास्ट अनुपात। ये WCAG की परिभाषा से आते हैं, जो चमक का सीधा औसत नहीं है — चैनलों को भार दिया जाता है, क्योंकि आँख हरे के प्रति नीले से कहीं ज़्यादा संवेदनशील है, और हर चैनल को पहले रैखिक किया जाता है।

काम की बात यह तय करना है कि पृष्ठभूमि पर कौन-सा टेक्स्ट रंग जाए। सामान्य टेक्स्ट के लिए 4.5 और बड़े शीर्षकों के लिए 3 सीमा है, तो जिस पृष्ठभूमि का बेहतर अनुपात 4.5 से नीचे गिरे उसे बड़ा टेक्स्ट चाहिए या दूसरी पृष्ठभूमि। यह जानने का सबसे तेज़ तरीका है कि मॉकअप में जँचता ब्रांड रंग सुगम्यता जाँच में टिकेगा नहीं।

इनपुट ग़लत हो तो क्या होता है

जो रंग पढ़ा न जा सके उसे चुपचाप बदलने के बजाय अपठनीय बताया जाता है। यह ज़ाहिर लगता है और असल में कम ही होता है: यह पन्ना बनाने का आम तरीका है स्ट्रिंग ब्राउज़र को देना और जो उसने निकाला वह पढ़ लेना — चार पंक्तियाँ, जो `#12345` का जवाब पिछले रंग से देती हैं।

तब एक छूटा हुआ अंक कामयाब रूपांतरण जैसा दिखता है, और पता तब चलता है जब कहीं और रंग नहीं जँचता। यहाँ पार्सिंग साफ़-साफ़ की जाती है। इसकी क़ीमत CSS के एक सौ अड़तालीस नामों की तालिका है, और बदले में आपको भरोसेमंद दिखने वाले ग़लत जवाब की जगह शिकायत मिलती है।

रंग कोड कन्वर्टर: आम सवाल

क्या मेरा रंग कहीं भेजा जाता है?

नहीं। रूपांतरण तीन अंकों पर की गई गणित है और पन्ने के भीतर चलती है। कुछ अपलोड नहीं होता, कुछ दर्ज नहीं होता, खाता नहीं चाहिए। रंग के मामले में यह कोई बड़ी बात नहीं, और यही वादा है जिस पर बाकी पूरी साइट खड़ी है।

मेरे डिज़ाइन प्रोग्राम का CMYK अलग क्यों है?

क्योंकि आपका प्रोग्राम कलर प्रोफ़ाइल से होकर बदलता है और यह पन्ना नहीं। फ़ोटोशॉप या इलस्ट्रेटर दस्तावेज़ पर सेट प्रोफ़ाइल इस्तेमाल करते हैं, और अलग प्रोफ़ाइल उसी रंग के लिए अलग अंक देती है — प्रोफ़ाइल का काम ही यही है। यहाँ के अंक अनुमान मानिए और असली सेपरेशन प्रेस को करने दीजिए।

क्या मैं रंग का नाम लिख सकता हूँ?

हाँ। CSS के सभी एक सौ अड़तालीस कीवर्ड पहचाने जाते हैं, `rebeccapurple` जैसे अटपटे नाम और ग्रे की दोनों वर्तनी भी। `transparent` भी चलता है।

HSV और HSB में क्या फ़र्क़ है?

कोई नहीं। ये एक ही मॉडल के दो नाम हैं — value और brightness एक ही अक्ष हैं। फ़ोटोशॉप इसे HSB कहता है, ज़्यादातर कोड HSV, और ऊपर का खाना दोनों स्वीकार करता है।

क्या यह बिना इंटरनेट चलता है?

पन्ना एक बार लोड हो जाए, तो हाँ। रूपांतरण के पीछे कोई अनुरोध नहीं है, इसलिए कनेक्शन टूटने पर भी यह चलता रहता है।