कलर पैलेट जनरेटर

एक शुरुआती रंग चुनिए — बाकी रंग कलर व्हील के हिसाब से गिने जाते हैं। किसी भी स्वैच पर क्लिक करने से कोड कॉपी होता है, और फ़ोटो डालने पर पैलेट सीधे उसी से बन जाती है।

योजना

कोड कॉपी करने के लिए स्वैच पर क्लिक करें

    फ़ोटो से पैलेट

    फ़ोटो आपके डिवाइस से बाहर नहीं जाती — ब्राउज़र ही उसे पढ़ता है।

      कैसे इस्तेमाल करें

      1. रंग कोड लिखें या पिकर खोलें — चुनते ही पैलेट फिर से बन जाती है।
      2. योजना बदलें: पूरक रंग व्हील पर ठीक सामने होता है, त्रिक उसे तीन हिस्सों में बाँटता है।
      3. कोड कॉपी करने के लिए स्वैच पर क्लिक करें, या पूरा सेट CSS वेरिएबल के रूप में कॉपी करें।
      4. फ़ोटो से रंग लेने के लिए इमेज चुनें — उसे आपका अपना डिवाइस ही पढ़ता है।

      जानने योग्य बातें

      ये कोण कहाँ से आते हैं

      रंग योजना पसंद का नहीं, कलर व्हील की ज्यामिति का मामला है। पूरक रंग ठीक सामने 180° पर होता है; त्रिक वृत्त को 120° के तीन बराबर हिस्सों में बाँटता है; समान रंग तीस डिग्री के भीतर के पड़ोसी हैं। यह टूल संतृप्ति और चमक वैसी ही रखते हुए केवल ह्यू घुमाता है, इसलिए साथी रंग भी उतने ही चटख और उतने ही गहरे रहते हैं।

      फ़ोटो से असली रंग क्यों मिलते हैं, कीचड़ नहीं

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

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

      वेबसाइट के लिए कौन-सी योजना लें?

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

      पैलेट को कोड में कैसे इस्तेमाल करें?

      स्वैच के नीचे दिए CSS वेरिएबल का ब्लॉक कॉपी करके अपनी स्टाइलशीट में चिपकाएँ। नाम --color-1 … --color-6 के रूप में आते हैं, जो किसी और के प्रोजेक्ट में हेक्स कोड की कतार से कहीं आसानी से पढ़े जाते हैं।

      क्या मेरी फ़ोटो कहीं अपलोड होती है?

      नहीं। इमेज पेज में ही डिकोड होती है और रंग गिनने से पहले 160 पिक्सल तक छोटी कर दी जाती है — कुछ भी डिवाइस से बाहर नहीं जाता, इसलिए जवाब तुरंत मिलता है।

      गहरे शेड की पंक्ति काले पर ख़त्म क्यों नहीं होती?

      शुद्ध काला और शुद्ध सफ़ेद कोई जानकारी नहीं देते — उन्हें सब जानते हैं और पैलेट में वे सिर्फ़ जगह घेरते हैं। पंक्ति किनारे से थोड़ा पहले रुक जाती है, ताकि हर स्वैच काम आने लायक रंग बना रहे।

      संबंधित टूल