Tailwind रंग जनरेशन
1 रंग रा Hex कोड सूं Tailwind CSS रो 50 सूं 950 तांई री 11 कड़ी वाळी पैलेट अर कॉन्फ़िग कोड बणावो
ख़ासियतां
1 रंग सूं 11 कड़ी अपणे-आप बणावणो
नाख्यो रंग 500 माथै राखणो अर 50 सूं 950 तांई री गैराई हिसाब लगावणो
v3 अर v4 दोन्यां फॉर्मेट रो समर्थन
config अर @theme रा लिखणा रो तरीको टैब सूं बदलणो
हरेक कड़ी रो Hex कॉपी करणो
हरेक रंग नमूना रा बटन सूं कलर कोड एक-एक कर कॉपी करणो
नाखतां ई पैलेट अपडेट होणो
कोई रन बटन री जरूरत नीं, रंग अजमावतां-अजमावतां मुकाबलो करो
काम में लेवण रो तरीको
आधार रंग रो Hex नाखो
Hex कोड नाखो या फेर बांई कोर रा रंग नमूना माथै क्लिक कर कलर पिकर सूं चुणो
जरूरत होवै तो रंग रो नांव नाखो
कोड में काम में लेवण वाळो रंग रो नांव अंग्रेजी छोटा अक्षरां में नाखो। खाली राख्यां primary काम आसी
11 कड़ी रा रंग नमूना देखो
50 सूं 950 तांई रा रंग नमूना अर Hex कोड देखो, अर नमूना रा कॉपी बटन सूं एक-एक रंग कॉपी करो
आउटपुट फॉर्मेट चुणो अर कॉपी करो
v3 या v4 चुणो अर 'कोड कॉपी करो' दबा tailwind.config.js या CSS फ़ाइल में चिपकावो
काम में लेवण रा तरीका
ब्रांड रंग री गैराई बणावणो
बटन रा होवर अर बैकग्राउंड में काम आवण वाळी गैराई ब्रांड रा एक रंग सूं मिला'र बणावणो
मानक पैलेट में नीं होवण वाळो रंग जोड़णो
Tailwind रा मानक रंगां में नीं होवण वाळो प्रोजेक्ट रो अलग रंग 11 कड़ी में कॉन्फ़िग फ़ाइल में जोड़णो
v4 रो @theme सेटिंग बणावणो
साइट रा मुख्य रंग सूं Tailwind v4 रा CSS वेरिएबल एक साथ बणावणो
डिज़ाइन कॉम्प री लागू करण री तैयारी
कॉम्प में दीन्यो रंग सूं लागू करण जोग 11 कड़ी रो कोड तैयार कर'र डिज़ाइन टूल में भी लिखणो
आधार जाणकारी
Tailwind रा 50 सूं 950 रो मतलब
Tailwind CSS रा रंग में 50 सबसूं हल्को अर 950 सबसूं गाढ़ो, इण 11 पायदान री संख्या सूं चमक बताई जावै, अर 500 उण रंग रो आधार होवै। संख्या नै 'bg-primary-500' या 'text-primary-700' भांत क्लास रा नांव रा आखिर में लगाया जावै।
- 50 सूं 300 तांई रा पायदान：50 सूं 300 तांई रा पायदान, बैकग्राउंड रंग या हल्का भरणा में घणा काम आवण वाळा हल्का रंग है, जिण माथै गाढ़ा अक्षर राख्यां भी पढ़णो सुगम होवै।
- 600 सूं 950 तांई रा पायदान：600 सूं 950 तांई रा पायदान, बटन रा होवर अर शीर्षक रा अक्षरां रा रंग में घणा काम आवण वाळा गाढ़ा रंग है, जका सफेद बैकग्राउंड माथै भी साफ दीखै।
v3 अर v4 रा रंग परिभाषित करण रो फरक
Tailwind CSS री v3 में रंग tailwind.config.js रा JavaScript में परिभाषित होवै, अर v4 में CSS फ़ाइल रा @theme में CSS वेरिएबल रूप में परिभाषित होवै। दोन्यूं तरीकां सूं परिभाषित रंग 'bg-primary-500' भांत एक ई क्लास रा नांव सूं काम में लेई सको।
- v3 रो लिखणो：v3 रो लिखणो theme.extend.colors रा भीतर 'primary: { 500: '#3B82F6' }' भांत रंग रो नांव अर पायदान नै घोंसला रूप में लिखण रो तरीको है।
- v4 रो लिखणो：v4 रो लिखणो @theme रा भीतर '--color-primary-500: #3B82F6;' भांत रंग रो नांव अर पायदान नै हाइफन सूं जोड़'र वेरिएबल रा नांव में लिखण रो तरीको है।
सुरक्षा अर गोपनीयता
पूरी तरै ब्राउज़र में
दर्ज कियो डेटा फगत थांका ब्राउज़र मांय ही प्रोसेस होवै है अर बारै नीं भेज्यो जावै है।
ब्राउज़र में ई प्रोसेसिंग
पैलेट रो हिसाब अर कोड जनरेशन सगळो थारे ब्राउज़र में ई होवे, इनपुट डेटा सर्वर नै नीं भेज्यो जावे।
कनेक्शन HTTPS सूं एन्क्रिप्टेड
पेज लोड भी TLS सूं एन्क्रिप्ट होवे, कोई तीसरो सामग्री पढ़ नीं सके।
तीसरे पक्ष नै नीं भेज्यो जावे
विज्ञापन नेटवर्क या ट्रैकर जेड़ी बाहरी सेवावां नै इनपुट सामग्री नीं भेज्यो जावे।
नतीजो अपणे आप सेव नीं होवे
नाख्यो रंग या रंग रो नांव या इनपुट सुझाव सर्वर पर सेव नीं कियो जावे।
Google खोज माय RAKKOTOOLS नै फॉलो करो
187 उपयोगी टूल Google खोज अर AI खोज सूं ढूंढणा आसान हो जावैला!
- खोज माय मिलै
- AI खोज माय भी दिखै
- नवां टूल भी मिलै
अपडेट री जाणकारी
- update #318
Tailwind रंग जनरेटर जोड़ियो, एक रंग सूं 11 स्तर रा रंग अर सेटिंग कोड बणावो