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

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

Color Shades Generator

गहरा और हल्का करने के अलग चरण; HEX, RGBA, HSL विवरण देखें और पूरी पैलेट कॉपी करें।

लोकल प्रोसेसिंग

प्रोसेसिंग का विवरण

टूल का इनपुट आपके डिवाइस पर प्रोसेस होता है।

टूल चलाने के लिए संसाधन डाउनलोड हो सकते हैं। खाता सेवाएँ अलग हैं।

ऑफ़लाइन उपयोग तैयार हो रहा है…

गोपनीयता की जानकारी
बग रिपोर्ट करें

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

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

  1. 01

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

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

  2. 02

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

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

  3. 03

    रैंप बनाएं

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

  4. 04

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

    गहरा और हल्का करने के कदम अलग-अलग 1%–100% रखें। हर अगला रंग काले या सफ़ेद की ओर एक कदम और मिश्रित होता है, अधिकतम 100% तक; अंतिम रंग काला या सफ़ेद हो सकता है। मूल अल्फ़ा बना रहता है।

  5. 05

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

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

  6. 06

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

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

टूल के तथ्य

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

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

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

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

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

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

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

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

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

तुरंत रीसेट

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

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

मूल अल्फ़ा बना रहता है।

आम सवाल

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

पढ़ते रहें

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

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

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

CSS Checkbox Generator

24 चेकबॉक्स टेम्पलेट: आठ निशान × तीन बदलाव; मूल पूर्वावलोकन क्लिक या स्पेस से जाँचें।

बनाएँ

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

CSS Switch Generator

18 स्विच टेम्पलेट: छह नॉब आकृतियाँ × तीन बदलाव; क्लिक या कीबोर्ड से जाँचें।

बनाएँ

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

CSS Clip Path Generator

24 कट आकृतियाँ, आकृति विकल्प और संपादन योग्य बहुभुज बिंदु; CSS या घोषणा निर्यात करें।

बनाएँ