CSS लोडिंग एनिमेशन जनरेटर
CSS Loader Generator
लोडिंग स्पिनर की स्टाइल, फ़्रेम साइज़, स्ट्रोक, रफ़्तार और रंग विज़ुअली सेट करें; तैयार CSS कॉपी या डाउनलोड करें और सीधे अपने मार्कअप में जोड़ें।
डिज़ाइन / विज़ुअल सिस्टम लैब
डिज़ाइन
लाइव प्रीव्यू और कॉपी-रेडी कोड के साथ CSS और कलर सिस्टम के प्रोटोटाइप बनाएँ।
डिज़ाइन
17 ज़रूरी टूल। लाइव विज़ुअल फ़ीडबैक और कॉपी-रेडी आउटपुट के साथ CSS और कलर सिस्टम बनाएँ।
17 में से 17 टूल दिख रहे हैं
CSS चेकबॉक्स जनरेटर
CSS Checkbox Generator
कस्टम चेकबॉक्स का साइज़, फ़्रेम और दोनों स्टेट के रंग डिज़ाइन करें, चुनी और बिना चुनी हालत प्रीव्यू करें और नेटिव मार्कअप के साथ CSS कॉपी करें।
CSS टॉगल स्विच जनरेटर
CSS Switch Generator
सिर्फ़ CSS वाले टॉगल स्विच का ट्रैक, थंब और दोनों स्टेट के रंग सेट करें, ट्रांज़िशन प्रीव्यू करें और मार्कअप समेत पूरा कोड कॉपी या डाउनलोड करें।
CSS क्लिप पाथ जनरेटर
CSS Clip Path Generator
खींचकर, कीबोर्ड या निर्देशांक से बिंदु संपादित करें। चार प्रीसेट से शुरू करके clip-path घोषणा या पूरा CSS स्थानीय रूप से कॉपी करें।
CSS बैकग्राउंड पैटर्न जनरेटर
CSS Background Pattern Generator
दो रंगों और एडजस्टेबल टाइल से दोहराए जाने वाले बैकग्राउंड पैटर्न बनाएँ — असली स्केल पर रिपीट जाँचें और किसी इमेज फ़ाइल के बिना पैटर्न CSS कॉपी करें।
CSS cubic-bezier जनरेटर
CSS Cubic Bezier Generator
दो कंट्रोल पॉइंट से ईज़िंग कर्व घड़ें या जाने-माने कर्व से शुरू करें; अवधि सेट करें, चार्ट देखें और cubic-bezier() मान कॉपी करें।
CSS ग्लासमॉर्फ़िज़्म जनरेटर
CSS Glassmorphism Generator
फ़्रॉस्टेड-ग्लास पैनल का टिंट, ओपैसिटी, ब्लर, सैचुरेशन, बॉर्डर और रेडियस संतुलित करें; लेयर किया CSS कॉपी करें और फ़ॉलबैक की योजना भी देखें।
CSS ग्लिच टेक्स्ट इफ़ेक्ट जनरेटर
CSS Text Glitch Effect Generator
तीन परतों और तीन रंगों वाला ग्लिच टेक्स्ट इफ़ेक्ट बनाएँ, मोशन एडजस्ट करें और data-text एट्रिब्यूट समेत पूरा CSS कॉपी करें।
CSS ग्रेडिएंट जनरेटर
CSS Gradient Generator
लीनियर या रेडियल ग्रेडिएंट की दिशा, रंग और स्टॉप सेट करें और तैयार CSS कोड कॉपी करें — प्रीव्यू हर बदलाव के साथ लाइव अपडेट होता है।
CSS त्रिभुज जनरेटर
CSS Triangle Generator
दिशा, साइज़ और रंग चुनकर सिर्फ़ CSS वाले त्रिभुज बनाएँ; प्रीव्यू जाँचें और कोड कॉपी या डाउनलोड करें — किसी इमेज या आइकन फ़ॉन्ट की ज़रूरत नहीं।
CSS बॉक्स शैडो जनरेटर
CSS Box Shadow Generator
शैडो की पोज़िशन, ब्लर, स्प्रेड, रंग और ओपैसिटी विज़ुअली ट्यून करें, inset मोड आज़माएँ और सटीक box-shadow CSS कॉपी या डाउनलोड करें।
CSS border-radius जनरेटर
CSS Border Radius Generator
चारों कोनों को अलग-अलग या एक साथ जोड़कर एडजस्ट करें, यूनिट चुनें और ऑर्गेनिक आकृतियों के लिए तैयार border-radius डिक्लेरेशन कॉपी करें।
कलर हार्मनी जनरेटर
Color Harmony Builder
सीड रंग और हार्मनी नियम से पैलेट बनाएँ, कंट्रास्ट टारगेट सेट कर बैज देखें, और नतीजा CSS कस्टम प्रॉपर्टी या JSON में एक्सपोर्ट करें।
HEX से RGBA
HEX to RGBA Converter
HEX रंग को rgba() में बदलें — चैनल अलग-अलग देखें, ओपैसिटी सेट करें और स्वॉच से रंग जाँचकर नतीजा कॉपी या डाउनलोड करें।
RGBA से HEX
RGBA to HEX Converter
rgba() चैनल डालें और HEX नतीजा पाएँ — ओपैसिटी बरकरार रहती है। हर चैनल अलग देखें और कन्वर्ज़न कॉपी या डाउनलोड करें।
रंग की शेड जनरेटर
Color Shades Generator
एक बेस रंग से अपनी पसंद की संख्या में शेड की लगातार स्केल बनाएँ; ब्लेंड व्यवहार जाँचें और तैयार कलर टोकन कॉपी या डाउनलोड करें।
रंग मिक्सर
Color Mixer
दो रंग डालें और मिलान का नतीजा रियल-टाइम में देखें — नए मान तुरंत कॉपी या डाउनलोड करें; शुरुआत के लिए सैंपल ब्लेंड भी मौजूद है।
डिज़ाइन वर्कफ़्लो / विज़ुअल फ़ैसलों को उपयोगी नियमों में बदलें।
सिस्टम ट्यून करें और आउटपुट साफ़-सुथरा रखें।
ज्यामिति सेट करें
मापन योग्य वैल्यू से स्पेसिंग, रेडियस, पैटर्न और आकृतियाँ नियंत्रित करें।
मैच करने वाला टूल खोलेंकलर लॉजिक बनाएँ
नतीजा सामने रखकर रंग मिलाएँ, कन्वर्ट करें और तुलना करें।
मैच करने वाला टूल खोलेंकोड साथ ले जाएँ
डिज़ाइन दोबारा बनाए बिना जनरेट हुआ CSS और टोकन कॉपी करें।
मैच करने वाला टूल खोलेंकेंद्रित काम के लिए बने / सेटअप स्टेप के बिना उपयोगी नतीजा।
डिज़ाइन से ब्राउज़र-फ़र्स्ट।
ब्राउज़र-फ़र्स्ट
काम खोलिए। न कोई यूटिलिटी पैकेज, न खाता ज़रूरी।
दिखती प्रोसेसिंग
हर चरण पर इनपुट, नतीजा, स्थिति और एक्ज़ीक्यूशन लेबल देखें।
एक्सपोर्ट के लिए तैयार
बिना साफ़-सफ़ाई उपयोगी नतीजा कॉपी या डाउनलोड करें।
संबंधित श्रेणियाँ
किसी दूसरी केंद्रित कलेक्शन के साथ वर्कफ़्लो जारी रखें।
सिस्टम डिज़ाइन नोट्स
हर विज़ुअल चुनाव को दोहराने लायक बनाएँ।
जानबूझकर सीमाएँ अपनाएँ
मनमानी वैल्यू की जगह स्पेसिंग, स्केल या ज्यामिति नियम से शुरू करें।
संदर्भ में कंट्रास्ट जाँचें
रंगों को उस सतह और टेक्स्ट साइज़ पर आँकें जहाँ वे रहेंगे।
जनरेट CSS पढ़ें
आउटपुट प्रोडक्शन में जोड़ने से पहले ब्राउज़र सपोर्ट और वैल्यू जाँचें।
शुरू करने से पहले कोई सवाल?
इस पेज के कौन से टूल लोकल चलते हैं?
अभी यहाँ सूचीबद्ध सभी टूल सक्रिय इनपुट को ब्राउज़र में ही प्रोसेस करते हैं, अपलोड नहीं करते। भविष्य की कोई भी क्लाउड या हाइब्रिड प्रोसेसिंग इस्तेमाल से पहले साफ़ बताई जाएगी।
क्या बदलाव से मेरा स्रोत बदल जाएगा?
Toolars ब्राउज़र की अलग कॉपी पर काम करता है। आपकी मूल फ़ाइल या टेक्स्ट तब तक नहीं बदलता जब तक आप खुद उसे डाउनलोड करके बदल न दें।
क्या कोई टूल सेव किया जा सकता है?
हाँ। पहले साइन इन करें ताकि Toolars फ़ेवरिट आपके खाते में सेव करे और आपको उसी टूल पर वापस ले आए।
ग़लत नतीजे की रिपोर्ट कैसे करें?
हर टूल पेज पर रिपोर्ट की जगह है। भेजे गए फ़ीडबैक में सिर्फ़ वही संदेश और पेज संदर्भ होता है जो आप भेजना चुनें।
इस कलेक्शन में कोई उपयोगिता कम है?
हमें इनपुट, बदलाव और वह नतीजा बताएँ जो आप चाहते हैं।