Tailwind पैलेट

Tailwind CSS रंग कॉन्फ़िगरेशन बनाएं। Tailwind पैलेट को मुफ्त ऑनलाइन उपयोग करें, बिना साइनअप, तेज परिणाम और सुरक्षित ब्राउज़र-आधारित प्रोसेसिंग के साथ।

आधार रंग (500)

रंग का नाम

tailwind.config.js

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        primary: {
        50: '#F2F2FD',
        100: '#E4E5FB',
        200: '#BFC0F8',
        300: '#9395F6',
        400: '#5B5EF5',
        500: '#1418EB',
        600: '#0C0FC6',
        700: '#0508AD',
        800: '#010389',
        900: '#010265',
        950: '#000133',
        },
      },
    },
  },
}

Tailwind पैलेट आपको ब्राउज़र में सीधे रंगों के साथ काम करने में मदद करता है।

यह टूल डिजाइनरों, डेवलपरों और क्रिएटरों के लिए बनाया गया है जिन्हें तेज और भरोसेमंद परिणाम चाहिए।

Supported formats

Tailwind

CSS

SCSS

JSON

How it works

Step 1

Tailwind पैलेट खोलें

Step 2

रंग दर्ज या आयात करें

Step 3

परिणाम कॉपी, निर्यात या फिर से उपयोग करें

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

कॉन्ट्रास्ट जांचना भूलने से पठनीयता प्रभावित हो सकती है।
बहुत अधिक रंगों से पैलेट लागू करना कठिन हो सकता है।

प्रो टिप्स

मुख्य रंगों को CSS variables के रूप में रखें।
प्रकाशित करने से पहले पैलेट को light और dark mode में जांचें।

Privacy guaranteed: everything is processed locally in your browser.

जहाँ संभव हो, प्रोसेसिंग आपके ब्राउज़र में स्थानीय रूप से होती है। किसी खाते की आवश्यकता नहीं है।

रंग परियोजनाओं के लिए Tailwind पैलेट

Tailwind CSS रंग कॉन्फ़िगरेशन बनाएं।

बिना सटीकता खोए Tailwind पैलेट

रूपांतरण सटीक मानों (HEX, RGB, HSL, OKLCH) पर चलते हैं। कोई दृश्य सन्निकटन नहीं — आपको आपके डिज़ाइन के अनुरूप रंग मिलता है।

Tailwind पैलेट मुफ़्त ऑनलाइन

कोई पंजीकरण नहीं, कोई सॉफ़्टवेयर डाउनलोड नहीं। Tailwind पैलेट 100% मुफ़्त है और किसी भी ब्राउज़र में काम करता है। मुफ्त योजना में प्रतिदिन 10 उपयोग शामिल हैं।

Tailwind पैलेट तेज़ और सुरक्षित

प्रसंस्करण आपके ब्राउज़र में सीधे होता है—अधिकतम गति के लिए। कोई डेटा हमारे सर्वर पर नहीं भेजा जाता; आपके रंग निजी रहते हैं।

साझा करने और सहयोग के लिए Tailwind पैलेट

परिणामों को HEX, RGB, HSL, CSS, JSON के रूप में निर्यात करें या एक क्लिक में कॉपी करें। टीम के साथ रंग गाइड साझा करने के लिए आदर्श।

हमारे सभी कलर टूल देखें

कुछ ही क्लिक में रंग निकालें, बदलें, पैलेट, ग्रेडिएंट और WCAG कंट्रास्ट बनाएं।

सभी टूल देखें

Related tools

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

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

tailwind-palette: developer की व्यावहारिक गाइड

tailwind-palette उपयोग करने, developer की best practices समझने और सामान्य गलतियाँ बचाने की स्थानीयकृत गाइड।

tailwind-palette: developer की व्यावहारिक गाइड

Frequently asked questions

हाँ, यह टूल ऑनलाइन मुफ्त उपलब्ध है।

जहाँ संभव हो, डेटा सुरक्षा के लिए प्रोसेसिंग आपके ब्राउज़र में होती है।

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

Tailwind पैलेट

Supported formats

How it works

Step 1

Step 2

Step 3

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

प्रो टिप्स

Privacy guaranteed: everything is processed locally in your browser.

रंग परियोजनाओं के लिए Tailwind पैलेट

बिना सटीकता खोए Tailwind पैलेट

Tailwind पैलेट मुफ़्त ऑनलाइन

Tailwind पैलेट तेज़ और सुरक्षित

साझा करने और सहयोग के लिए Tailwind पैलेट

हमारे सभी कलर टूल देखें

Related tools

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

tailwind-palette: developer की व्यावहारिक गाइड

tailwind-palette: developer की व्यावहारिक गाइड

tailwind-palette: developer की व्यावहारिक गाइड

Frequently asked questions

क्या Tailwind पैलेट मुफ्त है?

क्या मेरा डेटा सर्वर पर भेजा जाता है?