रंग साधने

CSS ग्रेडियंट जनरेटर: लिनियर, रेडियल आणि कॉनिक – मोफत

मोफत, साइन-अप नाही, तुमच्या ब्राउझरमध्ये चालते. लिनियर, रेडियल किंवा कॉनिक ग्रेडियंट तयार करा आणि CSS कोड कॉपी करा. ग्रेडियंट PNG प्रतिमा म्हणूनही डाउनलोड करता येते.

रंग थांबे

  • 0%
  • 100%

CSS

background: #ff7ac6;
background: linear-gradient(135deg, #ff7ac6 0%, #ffe14d 100%);

पहिली ओळ खूप जुन्या उपकरणांसाठी ठोस रंग आहे, जे ग्रेडियंट दाखवू शकत नाहीत.

एका प्रीसेटपासून सुरुवात करा

तुमच्या डिव्हाइसवर तयार केले.

CSS ग्रेडियंट जनरेटर का वापरावे

100% मोफत
हवे तितक्या वेळा वापरा. साइन-अप नाही, वॉटरमार्क नाही, काहीही इन्स्टॉल करण्याची गरज नाही.
डिझाइननुसार खाजगी
तुम्ही टाइप केलेला मजकूर तुमच्या ब्राउझरमध्येच राहतो आणि तो आमच्यापर्यंत कधीही पाठवला जात नाही.
कोणत्याही उपकरणावर चालते
Windows, Mac, Linux, Android आणि iPhone वर तुमच्या ब्राउझरमध्ये चालते. कोणत्याही अ‍ॅपची गरज नाही.

CSS ग्रेडियंट जनरेटर कसे वापरावे

  1. प्रकार निवडा: लिनियर, रेडियल किंवा कॉनिक. दिशा स्लायडरने ठरवा, किंवा रेडियलसाठी सर्कल किंवा एलिप्स निवडा.
  2. “रंग थांबे” खाली प्रत्येक रंग निवडा किंवा त्याचा कोड टाइप करा, आणि स्लायडर ओढून त्याची जागा ठरवा. अधिक रंगांसाठी “थांबा जोडा” वापरा (8 पर्यंत), आणि क्रम उलटवण्यासाठी “उलटा करा”.
  3. किंवा “पूर्वनिर्धारित पर्याय” खालील एखादा नमुना निवडा आणि तिथून बदल करा.
  4. “CSS कॉपी करा” क्लिक करा आणि तुमच्या स्टाईलशीटमध्ये पेस्ट करा, किंवा “प्रतिमा आकार” निवडून “PNG डाउनलोड करा” क्लिक करा.

वारंवार विचारले जाणारे प्रश्न

CSS कसा वापरायचा?

तुम्हाला रंग द्यायचा आहे त्या घटकाच्या नियमात (उदा. body किंवा बटण) दोन्ही ओळी पेस्ट करा. पहिली ओळ घन रंगाचा पर्याय आहे; दुसरी ग्रेडियंट आहे.

लिनियर, रेडियल आणि कॉनिकमध्ये काय फरक आहे?

लिनियर सरळ रेषेवर मिसळते, रेडियल मध्यापासून सर्कल किंवा एलिप्समध्ये पसरते, आणि कॉनिक मध्याभोवती रंगचक्रासारखे किंवा पाय चार्टसारखे फिरते.

लिनियर ग्रेडियंटची दिशा कशी बदलायची?

“दिशा” स्लायडर 0° ते 360° दरम्यान ओढा. 0° तळापासून वर, 90° डावीकडून उजवीकडे, 180° वरून खाली, आणि 135° तिरपे खालच्या उजव्या कोपऱ्याकडे जाते.

ग्रेडियंटमध्ये किती रंग असू शकतात?

2 ते 8 रंग थांबे. प्रत्येक थांब्याची जागा 0% ते 100% दरम्यान असते; दोन रंग थांबे एकाच जागी ठेवले तर मिसळण्याऐवजी दोन रंगांमध्ये स्पष्ट रेषा दिसते.

पारदर्शकता वापरता येते का?

होय. थांब्यात rgba(47, 91, 255, 0.5) सारखा रंग किंवा 8-अंकी HEX कोड टाइप करा, आणि तिथे ग्रेडियंट आरपार दिसेल इतका फिका होईल.

ग्रेडियंट प्रतिमा म्हणून डाउनलोड करता येतो का?

होय. 1920 × 1080, 3840 × 2160, 1080 × 1080, 1080 × 1920 किंवा 1500 × 500 निवडा आणि “PNG डाउनलोड करा” क्लिक करा. वॉलपेपर, स्लाइड, सोशल पोस्ट किंवा हेडरसाठी उपयोगी.

हा CSS Tailwind, React किंवा WordPress सोबत चालतो का?

होय. कोड साधा CSS आहे, म्हणून तो तुमच्या स्टाईलशीटमधील क्लासमध्ये (किंवा कस्टम CSS बॉक्समध्ये) ठेवा आणि तो क्लास घटकाला जोडा. सर्व आधुनिक ब्राउझरमध्ये चालतो.

काही अपलोड होते का?

नाही. ग्रेडियंट तुमच्या उपकरणावरच तयार होतात.

CSS ग्रेडियंट जनरेटर मोफत आहे का?

हो. वापरणे मोफत आहे, साइन-अप नाही आणि काहीही इन्स्टॉल करावे लागत नाही.

मदत आणि कसे करायचे मार्गदर्शक (इंग्रजीत)

संबंधित साधने