मुख्य सामग्री पर जाएँ

    हम कुकीज़ का उपयोग करते हैं

    हम आपके अनुभव को बेहतर बनाने के लिए कुकीज़ का उपयोग करते हैं।

    हमारे इसमें अधिक जानें कुकीज़ और गोपनीयता

    रंग पैलेट निर्यात

    अपनी रंग पैलेट को CSS, JSON और ASE प्रारूपों में निर्यात करें, जो Figma, Sass और पसंदीदा डिज़ाइन टूल में आयात के लिए तैयार हैं।

    आपका पैलेट

    #6366F1
    #EC4899
    #10B981
    #F59E0B
    #EF4444

    त्वरित डाउनलोड

    :root {
      --color-1: #6366F1;
      --color-2: #EC4899;
      --color-3: #10B981;
      --color-4: #F59E0B;
      --color-5: #EF4444;
    }

    अपनी रंग पैलेट को CSS, JSON और ASE प्रारूपों में निर्यात करें, जो Figma, Sass और पसंदीदा डिज़ाइन टूल में आयात के लिए तैयार हैं।

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

    समर्थित प्रारूप

    CSS
    SCSS
    JSON
    ASE
    Tailwind
    Less

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

    1

    चरण 1

    रंग पैलेट निर्यात खोलें और इंटरफ़ेस द्वारा मांगा गया इनपुट तैयार करें

    2

    चरण 2

    ज़रूरत के परिणाम के अनुसार दिख रहे नियंत्रण समायोजित करें

    3

    चरण 3

    कॉपी, एक्सपोर्ट या दोबारा उपयोग से पहले परिणाम जांचें

    बचने के लिए सामान्य गलतियाँ

    • जो फ़ॉर्मेट या विकल्प इंटरफ़ेस में नहीं दिखता, उसे समर्थित न मानें।
    • ब्रांड, इंटरफ़ेस या प्रोडक्शन फ़ाइल में उपयोग से पहले मान जांचें।
    • टेक्स्ट या UI में उपयोग होने पर कंट्रास्ट भी जांचें।

    प्रो टिप्स

    • वेरिएंट तुलना के लिए स्रोत मान और परिणाम साथ रखें।
    • अनुमानित कन्वर्ज़न के बजाय टूल में वास्तव में दिखने वाले फ़ॉर्मेट इस्तेमाल करें।
    • मोबाइल और टैबलेट पर टेक्स्ट और नियंत्रण को नई पंक्तियों में जाने दें।

    डेटा प्रबंधन

    डेटा प्रोसेसिंग उपयोग की गई सुविधा पर निर्भर करती है। साइट की सहमति, एनालिटिक्स और अकाउंट सुविधाएँ रंग ऑपरेशन से अलग हैं।

    यह टूल क्या करता है

    अपनी रंग पैलेट को CSS, JSON और ASE प्रारूपों में निर्यात करें, जो Figma, Sass और पसंदीदा डिज़ाइन टूल में आयात के लिए तैयार हैं। रंग पैलेट निर्यात इसी काम पर केंद्रित रहता है और इंटरफ़ेस में न दिखने वाली सुविधाओं का दावा नहीं करता। ज़रूरी परिणाम के लिए उपलब्ध नियंत्रण इस्तेमाल करें और मानों को किसी दूसरे टूल, स्टाइलशीट, डिज़ाइन फ़ाइल या दस्तावेज़ में ले जाने से पहले जांच लें।

    उपयुक्त इनपुट तैयार करें

    रंग पैलेट निर्यात जिस इनपुट की मांग करता है, उससे शुरू करें: स्क्रीन के अनुसार रंग, मान, छवि या सेटिंग। इस पेज पर CSS, SCSS, JSON, ASE, Tailwind, Less फ़ॉर्मेट दिए गए हैं। यदि कोई फ़ॉर्मेट या विकल्प इंटरफ़ेस में नहीं दिखता तो उसे इस विशेष फ़ंक्शन का समर्थन न मानें।

    परिणाम पढ़ें और जांचें

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

    मोबाइल और टैबलेट पर उपयोग

    रंग पैलेट निर्यात साइट के responsive लेआउट का उपयोग करता है। संकरी स्क्रीन पर शीर्षक, उपशीर्षक, breadcrumbs और नियंत्रण नई पंक्तियों में जा सकते हैं ताकि लंबे अनुवाद न कटें। फिर भी अंतिम परिणाम को उस डिवाइस और संदर्भ में जांचें जहां आप उसे उपयोग करेंगे।

    प्रोजेक्ट में परिणाम दोबारा उपयोग करें

    परिणाम जांचने के बाद केवल वही क्रियाएं इस्तेमाल करें जो रंग पैलेट निर्यात वास्तव में देता है, जैसे उपलब्ध होने पर कॉपी या एक्सपोर्ट। सेटिंग दोहरानी हो तो स्रोत मान रखें और UI रंगों के लिए रंग की भूमिका तथा आवश्यक कंट्रास्ट भी दर्ज करें।

    संबंधित टूल

    गाइड और ट्यूटोरियल

    हमारे विस्तृत गाइड के साथ हमारे टूल्स का उपयोग करना सीखें।

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

    अपनी रंग पैलेट को CSS, JSON और ASE प्रारूपों में निर्यात करें, जो Figma, Sass और पसंदीदा डिज़ाइन टूल में आयात के लिए तैयार हैं।

    टूल खोलें, इंटरफ़ेस द्वारा मांगा गया इनपुट दें, दिख रहे नियंत्रण समायोजित करें और परिणाम जांचें।

    इस पेज पर ये फ़ॉर्मेट दिए गए हैं: CSS, SCSS, JSON, ASE, Tailwind, Less. सटीक समर्थन फ़ंक्शन और रंग पैलेट निर्यात में वास्तव में दिखने वाले नियंत्रणों पर निर्भर करता है।

    हाँ। लेआउट responsive है और संकरी स्क्रीन पर टेक्स्ट व नियंत्रण को नई पंक्तियों में जाने देता है।

    स्रोत मान, लागू सेटिंग्स और परिणाम जांचें। टेक्स्ट या UI के लिए वास्तविक संदर्भ में कंट्रास्ट भी देखें।

    हमारे विस्तृत गाइड के साथ हमारे टूल्स का उपयोग करना सीखें।

    संबंधित टूल