सीधे कंटेंट पर जाएँ
Toolars
एक्सप्लोर करें
बग रिपोर्ट करें

डिज़ाइन · लोकल उपयोगिता

रंग की शेड जनरेटर

Color Shades Generator

एक बेस रंग से अपनी पसंद की संख्या में शेड की लगातार स्केल बनाएँ; ब्लेंड व्यवहार जाँचें और तैयार कलर टोकन कॉपी या डाउनलोड करें।

टास्क पथ / इनपुट से परिणाम तक

बेस रंग सेट करें

लोकल रूप से चलता है · कुछ भी अपलोड नहीं होता

रंग की शेड जनरेटर कैसे काम करता है, निजता और संबंधित टूल

टास्क पथ / इनपुट से परिणाम तक

कलर शेड स्केल कैसे बनाएं

  1. 01

    बेस रंग सेट करें

    बेस रंग के नीचे hex मान डालें — #RGB, #RGBA, #RRGGBB और #RRGGBBAA सब चलते हैं, और फ़ील्ड #6D5EF8 के साथ खुलता है। बेस रंग तैयार स्केल के बीच में ही बैठता है।

  2. 02

    शेड की संख्या चुनें

    शेड की संख्या 3 से 20 के बीच के पूर्णांक पर सेट करें — डिफ़ॉल्ट 9 है। विषम गिनती गहरे और हल्के पक्षों को बेस के इर्द-गिर्द समान संतुलित करती है; सम गिनती भी बेस को केंद्रित रखती है और हल्के पक्ष को एक अतिरिक्त स्वैच देती है।

  3. 03

    रैंप बनाएं

    शेड बनाएं दबाएं। पैलेट गहरे शेड से आपके बेस रंग होते हुए हल्के टिंट तक चलती है, और हर स्वैच क्रमांकित होकर अपने hex मान से लेबल होता है, ताकि स्थिति 1 हमेशा सबसे गहरा कदम हो।

  4. 04

    मिश्रण व्यवहार जांचें

    बेस से नीचे के शेड काले की ओर और ऊपर के टिंट सफ़ेद की ओर मिलाए जाते हैं, लेकिन मिश्रण कभी किसी भी छोर तक 78% से ज़्यादा नहीं जाता। अंतिम कदम लगभग-काले या लगभग-सफ़ेद में ढहने के बजाय रंगीन और उपयोगी बने रहते हैं।

  5. 05

    नमूना स्केल लोड करें

    #0EA5E9 के इर्द-गिर्द सात शेड बनाने के लिए नमूना लोड करें दबाएं — पूरा संदर्भ रन जिसे अपना ब्रांड रंग डालने से पहले परखा जा सकता है। रीसेट #6D5EF8 बेस और 9 की गिनती वापस लाता है।

  6. 06

    टोकन कॉपी या डाउनलोड करें

    --toolars-shade-1 … कस्टम प्रॉपर्टी का :root ब्लॉक कॉपी करने के लिए आउटपुट कॉपी करें दबाएं, या toolars-color-shades.css के रूप में सहेजने के लिए डाउनलोड करें — स्टाइलशीट में पेस्ट करने के लिए तैयार। हर स्वैच कार्ड एकमुश्त कॉपी के लिए अपना hex मान भी दिखाता है।

टूल के तथ्य

प्रोसेसिंग
आपके ब्राउज़र में
इनपुट इस डिवाइस से बाहर जाता है
कभी नहीं
रिटेंशन
कुछ भी स्टोर नहीं होता
कीमत
मुफ़्त

आपका इनपुट ब्राउज़र में ही रहता है।

रंग की शेड जनरेटर अपना सत्यापित लोकल एक्ज़ीक्यूशन पथ इस्तेमाल करता है और कोई छिपा इनपुट या आउटपुट इतिहास नहीं बनाता।

लोकल एक्ज़ीक्यूशन

मौजूदा ब्राउज़र टैब के अंदर चलता है।

कोई छिपी प्रोसेसिंग नहीं

सक्रिय टूल डेटा कभी Toolars दस्तावेज़ रिकॉर्ड नहीं बनता।

खाते की ज़रूरत नहीं

बिना प्रोफ़ाइल बनाए मुख्य वर्कफ़्लो इस्तेमाल करें। साइन इन करने के बाद फ़ेवरिट आपके खाते से सिंक होते हैं।

तुरंत रीसेट

टैब साफ़ करें और सक्रिय कार्य डेटा गायब।

रंग की शेड जनरेटर असल में क्या करता है

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

आम सवाल

एक स्केल में कितने शेड हो सकते हैं?
3 से 20 के बीच, शेड की संख्या फ़ील्ड से सेट करें; वर्कस्पेस 9 पर डिफ़ॉल्ट है। उस रेंज से बाहर की गिनती सीमा बताने वाले संदेश के साथ अस्वीकार होती है।
स्केल कैसे गिनी जाती है?
डिटर्मिनिस्टिक रूप से: बेस से नीचे के शेड काले की ओर, ऊपर के टिंट सफ़ेद की ओर मिलाए जाते हैं, और बेस रंग खुद हमेशा बीच की स्थिति रखता है। मिश्रण किसी भी छोर की ओर 78% पर सीमित है, इसलिए कोई कदम शुद्ध काला या शुद्ध सफ़ेद नहीं पहुंचता और हर स्टॉप उपयोगी बना रहता है।
शेड की सम संख्या से क्या बदलता है?
बेस रंग फिर भी बीच की स्थिति रखता है, लेकिन दोनों पक्ष एक-दूसरे की ठीक-ठीक प्रतिकृति नहीं बन सकते: सम गिनती हल्के पक्ष को गहरे पक्ष से एक स्वैच ज़्यादा देती है। पूरी तरह सममित रैंप चाहने पर 9 या 11 जैसी विषम गिनती चुनें।
क्या स्केल पारदर्शिता बरकरार रखती है?
हां। अगर बेस रंग अल्फ़ा बाइट ले जाता है — जैसे #6D5EF8CC — तो वही अल्फ़ा पूरी रैंप में बना रहता है, और बेस अल्फ़ा 1 से कम होने पर एक्सपोर्ट किए hex मान अल्फ़ा बाइट पा जाते हैं।
एक्सपोर्ट किस फ़ॉर्मैट का इस्तेमाल करता है?
hex मान धारण करती --toolars-shade-1 से --toolars-shade-N नाम की CSS कस्टम प्रॉपर्टी का :root ब्लॉक, .css फ़ाइल के रूप में डाउनलोड योग्य या क्लिपबोर्ड पर कॉपी करने योग्य। हर स्वैच कार्ड सीधी कॉपी के लिए अपना hex मान भी प्रदर्शित करता है।
क्या रंग कहीं भेजा जाता है?
नहीं। पूरी रैंप इस ब्राउज़र टैब के अंदर गिनी जाती है, इनपुट और नतीजे कभी उससे बाहर नहीं जाते, और किसी खाते की ज़रूरत नहीं।

पढ़ते रहें

डिज़ाइन में जारी रखें

संबंधित काम, कोई बंद गली नहीं।

पूरे इंडेक्स पर लौटे बिना किसी दूसरे केंद्रित वर्कस्पेस में जाएँ।

CSS लोडिंग एनिमेशन जनरेटर

CSS Loader Generator

लोडिंग स्पिनर की स्टाइल, फ़्रेम साइज़, स्ट्रोक, रफ़्तार और रंग विज़ुअली सेट करें; तैयार CSS कॉपी या डाउनलोड करें और सीधे अपने मार्कअप में जोड़ें।

बनाएँ

CSS चेकबॉक्स जनरेटर

CSS Checkbox Generator

कस्टम चेकबॉक्स का साइज़, फ़्रेम और दोनों स्टेट के रंग डिज़ाइन करें, चुनी और बिना चुनी हालत प्रीव्यू करें और नेटिव मार्कअप के साथ CSS कॉपी करें।

बनाएँ

CSS टॉगल स्विच जनरेटर

CSS Switch Generator

सिर्फ़ CSS वाले टॉगल स्विच का ट्रैक, थंब और दोनों स्टेट के रंग सेट करें, ट्रांज़िशन प्रीव्यू करें और मार्कअप समेत पूरा कोड कॉपी या डाउनलोड करें।

बनाएँ

CSS क्लिप पाथ जनरेटर

CSS Clip Path Generator

खींचकर, कीबोर्ड या निर्देशांक से बिंदु संपादित करें। चार प्रीसेट से शुरू करके clip-path घोषणा या पूरा CSS स्थानीय रूप से कॉपी करें।

बनाएँ