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

डिज़ाइन

लाइव प्रीव्यू और कॉपी-रेडी कोड के साथ CSS और कलर सिस्टम के प्रोटोटाइप बनाएँ।

स्पेसिंग गेज, कलर चिप्स, cubic-bezier स्ट्रिप और शैडो सैंपल वाला मॉड्यूलर स्टाइल स्पेसिमन

टूल

17 टूल

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

CSS Checkbox Generator

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

बनाएँ

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

CSS Switch Generator

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

बनाएँ

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

CSS Clip Path Generator

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

बनाएँ

CSS cubic-bezier जनरेटर

CSS Cubic Bezier Generator

आठ गति वक्र, चार Bézier निर्देशांक और समय का चलता पूर्वावलोकन।

बनाएँ

CSS ग्लासमॉर्फ़िज़्म जनरेटर

CSS Glassmorphism Generator

काँच का रंग, ब्लर, संतृप्ति, अपारदर्शिता, त्रिज्या और बॉर्डर की अपारदर्शिता बदलें। पूर्वावलोकन का पाठ और पृष्ठभूमि बदल सकते हैं; निर्यात में बॉर्डर की चौड़ाई और छाया स्थिर हैं।

बनाएँ

CSS ग्रेडिएंट जनरेटर

CSS Gradient Generator

2–16 रंग बिंदुओं वाले रैखिक या रेडियल ग्रेडिएंट; रंग जोड़ें, हटाएँ, उलटें या यादृच्छिक चुनें।

बनाएँ

CSS त्रिभुज जनरेटर

CSS Triangle Generator

विकर्ण समेत त्रिकोण की आठ दिशाएँ; माप बदलें और उपयुक्त HTML तथा CSS निर्यात करें।

बनाएँ

CSS बॉक्स शैडो जनरेटर

CSS Box Shadow Generator

एक से आठ छाया परतें; प्रत्येक का विस्थापन, धुंधलापन, फैलाव, रंग, अपारदर्शिता और inset अलग रखें।

बनाएँ

CSS border-radius जनरेटर

CSS Border Radius Generator

आठ क्षैतिज तथा ऊर्ध्वाधर कोने की त्रिज्याएँ; अंडाकार कोनों को कॉपी योग्य CSS के रूप में निर्यात करें।

बनाएँ

कलर हार्मनी जनरेटर

Color Harmony Builder

सीड रंग और हार्मनी नियम से पैलेट बनाएँ, कंट्रास्ट टारगेट सेट कर बैज देखें, और नतीजा CSS कस्टम प्रॉपर्टी या JSON में एक्सपोर्ट करें।

बनाएँ

HEX से RGBA

HEX to RGBA Converter

HEX रंग को rgba() में बदलें — चैनल अलग-अलग देखें, ओपैसिटी सेट करें और स्वॉच से रंग जाँचकर नतीजा कॉपी या डाउनलोड करें।

बदलें

RGBA से HEX

RGBA to HEX Converter

rgba() चैनल डालें और HEX नतीजा पाएँ — ओपैसिटी बरकरार रहती है। हर चैनल अलग देखें और कन्वर्ज़न कॉपी या डाउनलोड करें।

बदलें

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

Color Shades Generator

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

बनाएँ

रंग मिक्सर

Color Mixer

बीच के रंगों की संख्या चुनें; अल्फा वाले सिरों को मिलाएँ, रंग देखें और पैलेट कॉपी करें।

एडिट करें

सिस्टम ट्यून करें और आउटपुट साफ़-सुथरा रखें।

डिज़ाइन से ब्राउज़र-फ़र्स्ट।

ब्राउज़र-फ़र्स्ट

काम खोलिए। न कोई यूटिलिटी पैकेज, न खाता ज़रूरी।

दिखती प्रोसेसिंग

हर चरण पर इनपुट, नतीजा, स्थिति और एक्ज़ीक्यूशन लेबल देखें।

एक्सपोर्ट के लिए तैयार

बिना साफ़-सफ़ाई उपयोगी नतीजा कॉपी या डाउनलोड करें।

संबंधित श्रेणियाँ

किसी दूसरी केंद्रित कलेक्शन के साथ वर्कफ़्लो जारी रखें।

लेखन

ब्राउज़र छोड़े बिना टेक्स्ट लिखें, जाँचें और बदलें।

इमेज स्टूडियो

पिक्सल एडिट करें, इमेज जाँचें और भरोसेमंद विज़ुअल एसेट स्थानीय रूप से एक्सपोर्ट करें।

डेवलपर

डेवलपमेंट को चलाए रखने वाले आर्टिफ़ैक्ट फ़ॉर्मैट, एन्कोड, वेरिफ़ाई और इंस्पेक्ट करें।

सोशल मॉकअप

साफ़ लेबल वाले सोशल मॉकअप, प्रीव्यू और पब्लिशिंग एसेट बनाएँ।

डिज़ाइन, बस एक ब्राउज़र शॉर्टकट दूर।

वेब कैटलॉग में इस कलेक्शन का इस्तेमाल करें और वही केंद्रित, निजी वर्कफ़्लो Chrome साइड पैनल में ले जाएँ।

हर विज़ुअल चुनाव को दोहराने लायक बनाएँ।

जानबूझकर सीमाएँ अपनाएँ

मनमानी वैल्यू की जगह स्पेसिंग, स्केल या ज्यामिति नियम से शुरू करें।

संदर्भ में कंट्रास्ट जाँचें

रंगों को उस सतह और टेक्स्ट साइज़ पर आँकें जहाँ वे रहेंगे।

जनरेट CSS पढ़ें

आउटपुट प्रोडक्शन में जोड़ने से पहले ब्राउज़र सपोर्ट और वैल्यू जाँचें।

शुरू करने से पहले कोई सवाल?

इस पेज के कौन से टूल लोकल चलते हैं?
अभी यहाँ सूचीबद्ध सभी टूल सक्रिय इनपुट को ब्राउज़र में ही प्रोसेस करते हैं, अपलोड नहीं करते। भविष्य की कोई भी क्लाउड या हाइब्रिड प्रोसेसिंग इस्तेमाल से पहले साफ़ बताई जाएगी।
क्या बदलाव से मेरा स्रोत बदल जाएगा?
Toolars ब्राउज़र की अलग कॉपी पर काम करता है। आपकी मूल फ़ाइल या टेक्स्ट तब तक नहीं बदलता जब तक आप खुद उसे डाउनलोड करके बदल न दें।
क्या कोई टूल सेव किया जा सकता है?
हाँ। पहले साइन इन करें ताकि Toolars फ़ेवरिट आपके खाते में सेव करे और आपको उसी टूल पर वापस ले आए।
ग़लत नतीजे की रिपोर्ट कैसे करें?
हर टूल पेज पर रिपोर्ट की जगह है। भेजे गए फ़ीडबैक में सिर्फ़ वही संदेश और पेज संदर्भ होता है जो आप भेजना चुनें।

इस कलेक्शन में कोई उपयोगिता कम है?

हमें इनपुट, बदलाव और वह नतीजा बताएँ जो आप चाहते हैं।

टूल का अनुरोध करें