डिज़ाइन और CSS
CSS को विज़ुअली बनाएँ: शैडो, ग्रेडिएंट, फ़्लेक्सबॉक्स और ग्रिड लेआउट, एनिमेशन और कलर पैलेट
CSS को विज़ुअली बनाएँ और कोड कॉपी करें: बॉक्स और टेक्स्ट शैडो, ग्रेडिएंट और मेश ग्रेडिएंट, फ़्लेक्सबॉक्स और ग्रिड लेआउट, बॉर्डर रेडियस, क्लिप पाथ, फ़िल्टर, ट्रांसफ़ॉर्म, एनिमेशन, और ग्लासमॉर्फ़िज़्म या न्यूमॉर्फ़िज़्म इफ़ेक्ट। कलर पैलेट और शेड जनरेटर एक जैसी कलर स्कीम बनाने में मदद करते हैं, और SVG वेव, ब्लॉब और पैटर्न जनरेटर हल्के बैकग्राउंड बनाते हैं।
इस श्रेणी में टूल: 18
शुरुआत के लिए अच्छे टूल
इस श्रेणी के सभी टूल
-
CSS एनिमेशन जेनरेटर
प्रीसेट या अपने keyframes से CSS @keyframes एनिमेशन बनाएं और अवधि, देरी, दोहराव, दिशा, fill mode व cubic-bezier कर्व आसानी से सेट करें।
-
बॉर्डर रेडियस जेनरेटर
अलग-अलग कोनों, एलिप्टिकल X/Y रेडियस, px या % यूनिट और ब्लॉब प्रीसेट के साथ CSS border-radius बनाएं। सबसे छोटा मान्य शॉर्टहैंड मिलता है।
-
क्लिप पाथ जेनरेटर
CSS clip-path आकार बनाएं: ड्रैग होने वाले पॉइंट और प्रीसेट वाले polygon, circle, ellipse और गोल कोनों वाला inset। लाइव प्रीव्यू और कोड कॉपी।
-
कलर पैलेट जेनरेटर
एक बेस रंग से complementary, analogous, triadic, tetradic, square या monochromatic हार्मनी वाले कलर पैलेट बनाएं। रंग लॉक करें, CSS/Tailwind एक्सपोर्ट करें।
-
कलर शेड्स जेनरेटर
एक रंग को Tailwind-शैली 50–950 स्केल तथा tints, shades और tones में बदलें। OKLCH और sRGB में गणना, CSS variables, Tailwind या JSON में एक्सपोर्ट।
-
CSS बॉक्स शैडो जेनरेटर
CSS box-shadow को विज़ुअली बनाएं: कई लेयर जोड़ें, ऑफ़सेट, ब्लर, स्प्रेड, inset और RGBA ओपेसिटी सेट करें, लाइव प्रीव्यू देखें और साफ़ कोड कॉपी करें।
-
CSS फ़्लेक्सबॉक्स जेनरेटर
flex-direction, wrap, justify-content, align-items, gap और हर आइटम के flex, order व align-self विज़ुअली सेट करें, लाइव चाइल्ड और कॉपी करने लायक CSS के साथ।
-
CSS ग्रेडिएंट जेनरेटर
ड्रैग होने वाले कलर स्टॉप, एंगल, रिपीटिंग मोड और OKLCH इंटरपोलेशन के साथ linear, radial और conic CSS ग्रेडिएंट बनाएं। लाइव प्रीव्यू, कोड कॉपी करें।
-
CSS ग्रिड जेनरेटर
CSS Grid लेआउट विज़ुअली बनाएं: grid-template-columns/rows, वैलिडेशन के साथ नामित एरिया, गैप, अलाइनमेंट और हर आइटम का प्लेसमेंट। साफ़ CSS कॉपी करें।
-
CSS फ़िल्टर जेनरेटर
CSS filter फ़ंक्शन जैसे blur, brightness, contrast, grayscale, sepia और drop-shadow को सैंपल या अपनी इमेज पर मिलाकर रियल टाइम में देखें और कोड कॉपी करें।
-
ग्लासमॉर्फिज़्म जेनरेटर
backdrop-filter ब्लर और सैचुरेशन, टिंट रंग व ओपेसिटी, बॉर्डर और शैडो के साथ फ़्रॉस्टेड-ग्लास CSS बनाएं, Safari के लिए -webkit- प्रीफ़िक्स समेत।
-
मेश ग्रेडिएंट जेनरेटर
लेयर्ड radial ग्रेडिएंट से मुलायम मेश-शैली CSS बैकग्राउंड बनाएं। कलर पॉइंट ड्रैग करें, स्प्रेड सेट करें, सीड से रैंडमाइज़ करें और शुद्ध CSS कोड कॉपी करें।
-
न्यूमॉर्फिज़्म जेनरेटर
बेस रंग से निकली हल्की और गहरी शैडो, flat, concave, convex या pressed आकार और चार प्रकाश दिशाओं के साथ सॉफ़्ट UI (न्यूमॉर्फिज़्म) CSS बनाएं।
-
CSS पैटर्न जेनरेटर
रंग, टाइल साइज़ और मोटाई के साथ शुद्ध CSS बैकग्राउंड पैटर्न बनाएं: डॉट्स, पोल्का डॉट्स, स्ट्राइप, चेकरबोर्ड, ग्रिड, ज़िगज़ैग और क्रॉसहैच। इमेज की ज़रूरत नहीं।
-
SVG ब्लॉब जेनरेटर
एडजस्टेबल पॉइंट, रैंडमनेस और सीड के साथ स्मूद ऑर्गेनिक SVG ब्लॉब आकार बनाएं। सॉलिड, ग्रेडिएंट या आउटलाइन फ़िल, .svg डाउनलोड या CSS data URI कॉपी करें।
-
SVG वेव जेनरेटर
लेयर, एम्प्लिट्यूड और सीड के साथ स्मूद, पीक्ड या स्टेप्ड SVG वेव बनाएं। .svg डाउनलोड करें या सेक्शन डिवाइडर के लिए CSS background data URI कॉपी करें।
-
टेक्स्ट शैडो जेनरेटर
कई लेयर के साथ CSS text-shadow इफ़ेक्ट बनाएं: ग्लो, आउटलाइन, रेट्रो 3D और एम्बॉस्ड टेक्स्ट। अपने टेक्स्ट के साथ लाइव प्रीव्यू और कॉपी करने लायक कोड।
-
CSS ट्रांसफ़ॉर्म जेनरेटर
CSS transform बनाएं: translate, rotate, scale, skew और 3D perspective जैसे फ़ंक्शन स्लाइडर से सेट करें, transform-origin चुनें और लाइव प्रीव्यू देखें।
अन्य श्रेणियाँ
- CRC त्रुटि का पता लगाने के लिए चक्रीय अतिरेक जांच एल्गोरिदम
- MD संदेश डाइजेस्ट एल्गोरिदम (MD2, MD4, MD5)
- SHA-1 सुरक्षित हैश एल्गोरिथ्म 1 - 160-बिट हैश फ़ंक्शन
- SHA-2 सुरक्षित हैश एल्गोरिथ्म 2 परिवार (SHA-224, SHA-256, SHA-384, SHA-512)
- SHA-3 Keccak पर आधारित सुरक्षित हैश एल्गोरिथ्म 3
- Keccak Keccak क्रिप्टोग्राफिक हैश फ़ंक्शन
- SHAKE विस्तार योग्य-आउटपुट फ़ंक्शन (SHAKE128, SHAKE256)
- cSHAKE अनुकूलन योग्य SHAKE फ़ंक्शन
- KMAC Keccak संदेश प्रमाणीकरण कोड
- पासवर्ड और सुरक्षा पासवर्ड जनरेशन, विश्लेषण, हैशिंग और सुरक्षा उपकरण
- एन्क्रिप्शन और क्रिप्टोग्राफी सिमेट्रिक और एसिमेट्रिक एन्क्रिप्शन, HMAC और की जनरेशन (AES, 3DES, RSA, PGP)
- एन्कोडिंग डेटा एन्कोड और डिकोड करें: Base64, Base32, Base58, URL, HTML एंटिटी, हेक्स, Unicode और अन्य
- फ़ॉर्मेटर कोड और डेटा को फ़ॉर्मेट, मिनिफ़ाई और वैलिडेट करें (JSON, XML, YAML, SQL, HTML, CSS) और नेमिंग केस बदलें
- जनरेटर ID, की, टेस्ट डेटा, QR कोड, बारकोड और कॉन्फ़िग फ़ाइलें बनाएँ (UUID, API की, .gitignore, Dockerfile)
- कन्वर्टर डेटा फ़ॉर्मेट, नंबर बेस, रंग, टाइमस्टैम्प, यूनिट और मुद्राएँ कन्वर्ट करें (JSON, CSV, YAML, XML)
- टेक्स्ट टूल टेक्स्ट गिनें, तुलना करें, साफ़ करें और बदलें (शब्द गिनती, डिफ़, रेगेक्स, केस, डुप्लिकेट)
- इमेज टूल इमेज एडिट और कन्वर्ट करने के टूल (कंप्रेस, रीसाइज़, फ़ॉर्मेट बदलें)
- वेब टूल वेब डेवलपर्स और SEO के लिए टूल (JWT, URL, DNS, HTTP हेडर, मेटा टैग, साइटमैप)
- गणित और कैलकुलेटर वित्त, स्वास्थ्य, प्रतिशत, प्रोग्रामर गणना और रोज़मर्रा के गणित के कैलकुलेटर
- समय और तारीख टाइम ज़ोन, तारीखों का अंतर, कामकाजी दिन, टाइमर, स्टॉपवॉच और वर्ल्ड क्लॉक