कलर पैलेट जनरेटर
एक शुरुआती रंग चुनिए — बाकी रंग कलर व्हील के हिसाब से गिने जाते हैं। किसी भी स्वैच पर क्लिक करने से कोड कॉपी होता है, और फ़ोटो डालने पर पैलेट सीधे उसी से बन जाती है।
योजना
कोड कॉपी करने के लिए स्वैच पर क्लिक करें
फ़ोटो से पैलेट
फ़ोटो आपके डिवाइस से बाहर नहीं जाती — ब्राउज़र ही उसे पढ़ता है।
- मुफ़्त
- फ़ाइलें आपके डिवाइस से बाहर नहीं जातीं
- बिना रजिस्ट्रेशन
- फ़ाइलों की कोई सीमा नहीं
कैसे इस्तेमाल करें
- रंग कोड लिखें या पिकर खोलें — चुनते ही पैलेट फिर से बन जाती है।
- योजना बदलें: पूरक रंग व्हील पर ठीक सामने होता है, त्रिक उसे तीन हिस्सों में बाँटता है।
- कोड कॉपी करने के लिए स्वैच पर क्लिक करें, या पूरा सेट CSS वेरिएबल के रूप में कॉपी करें।
- फ़ोटो से रंग लेने के लिए इमेज चुनें — उसे आपका अपना डिवाइस ही पढ़ता है।
जानने योग्य बातें
ये कोण कहाँ से आते हैं
रंग योजना पसंद का नहीं, कलर व्हील की ज्यामिति का मामला है। पूरक रंग ठीक सामने 180° पर होता है; त्रिक वृत्त को 120° के तीन बराबर हिस्सों में बाँटता है; समान रंग तीस डिग्री के भीतर के पड़ोसी हैं। यह टूल संतृप्ति और चमक वैसी ही रखते हुए केवल ह्यू घुमाता है, इसलिए साथी रंग भी उतने ही चटख और उतने ही गहरे रहते हैं।
फ़ोटो से असली रंग क्यों मिलते हैं, कीचड़ नहीं
फ़ोटो में सबसे ज़्यादा आने वाले पिक्सल गिनना काम नहीं करता: अकेले आसमान में दस लाख हल्के-हल्के अलग नीले होते हैं और हर एक बस एक बार आता है। यह टूल रंग-स्थान को उसके सबसे चौड़े चैनल पर आधा काटता है और तब तक दोहराता है जब तक ज़रूरी डिब्बे न बन जाएँ — इसलिए नतीजे में आसमान, चेहरा और छाया अलग-अलग बचे रहते हैं, एक औसत भूरा नहीं बनता।
अक्सर पूछे जाने वाले सवाल
वेबसाइट के लिए कौन-सी योजना लें?
मोनोक्रोम और समान रंग सुरक्षित हैं: पेज शांत रहता है और तत्व आपस में ध्यान नहीं छीनते। पूरक रंग सिर्फ़ उस एक चीज़ के लिए बचाकर रखें जिसे दिखना ही चाहिए — बटन, बैज या चेतावनी।
पैलेट को कोड में कैसे इस्तेमाल करें?
स्वैच के नीचे दिए CSS वेरिएबल का ब्लॉक कॉपी करके अपनी स्टाइलशीट में चिपकाएँ। नाम --color-1 … --color-6 के रूप में आते हैं, जो किसी और के प्रोजेक्ट में हेक्स कोड की कतार से कहीं आसानी से पढ़े जाते हैं।
क्या मेरी फ़ोटो कहीं अपलोड होती है?
नहीं। इमेज पेज में ही डिकोड होती है और रंग गिनने से पहले 160 पिक्सल तक छोटी कर दी जाती है — कुछ भी डिवाइस से बाहर नहीं जाता, इसलिए जवाब तुरंत मिलता है।
गहरे शेड की पंक्ति काले पर ख़त्म क्यों नहीं होती?
शुद्ध काला और शुद्ध सफ़ेद कोई जानकारी नहीं देते — उन्हें सब जानते हैं और पैलेट में वे सिर्फ़ जगह घेरते हैं। पंक्ति किनारे से थोड़ा पहले रुक जाती है, ताकि हर स्वैच काम आने लायक रंग बना रहे।
संबंधित टूल
- रंग कन्वर्टर किसी भी सामान्य लेखन में रंग लिखिए — #1f5fd6, 1f5fd6, #1f5, rgb(31, 95, 214) — बाक़ी सभी रूप एक…
- HEX से RGB HEX कोड चिपकाइए और RGB चैनल पढ़िए। #1f5fd6 बनता है rgb(31, 95, 214) — और यदि कोड में अल्फ़ा चैन…
- CSS ग्रेडिएंट जनरेटर स्लाइडर खींचिए और ऊपर का पैनल साथ-साथ बदलता देखिए। जब ठीक लगे, वह एक पंक्ति कॉपी करके अपनी स्टा…
- CSS शैडो जनरेटर स्लाइडर घुमाइए और नमूना साथ-साथ बदलता जाएगा। एक शैडो कम पड़े तो लेयर जोड़िए — असली इंटरफ़ेस की…
- RGB से HEX rgb(31, 95, 214) चिपकाइए — कॉमा हो या स्पेस, फ़र्क़ नहीं पड़ता — और #1f5fd6 पाइए, जो CSS, डिज़ा…
- पासवर्ड जनरेटर पेज खुलते ही ब्राउज़र के क्रिप्टोग्राफ़िक रैंडम जनरेटर से नया पासवर्ड बन जाता है। न भेजा जाता ह…
- QR कोड जनरेटर लिंक या कोई भी टेक्स्ट लिखिए — कोड लिखते-लिखते बन जाता है। स्क्रीन के लिए PNG लें और छपाई के लि…
- UUID जनरेटर बटन दबाइए और ऐसे पहचानकर्ता पाइए जिन्हें सीधे डेटाबेस, कॉन्फ़िग या टेस्ट डेटा में चिपकाया जा सक…