CSS Gradient Generator
Create custom CSS gradients with preview
Vista Previa
background: linear-gradient(90deg, #3B82F6, #8B5CF6);ਗਰੇਡੀਐਂਟ ਜੇਨਰੇਟਰ ਤੁਹਾਡੇ ਡਿਜ਼ਾਈਨਾਂ ਲਈ ਸ਼ਾਨਦਾਰ ਰੰਗ ਗਰੇਡੀਐਂਟ ਬਣਾਉਣ ਦਾ ਅੰਤਮ ਸਾਧਨ ਹੈ। ਅਨੁਕੂਲਿਤ ਰੰਗਾਂ, ਕੋਣਾਂ ਅਤੇ ਸਟਾਪਾਂ ਨਾਲ ਰੇਖਿਕ, ਰੇਡੀਅਲ, ਅਤੇ ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ ਤਿਆਰ ਕਰੋ। ਵੈੱਬ ਡਿਜ਼ਾਈਨ, UI ਵਿਕਾਸ, ਗ੍ਰਾਫਿਕ ਡਿਜ਼ਾਈਨ, ਅਤੇ ਰਚਨਾਤਮਕ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਸੰਪੂਰਨ। CSS ਕੋਡ ਨੂੰ ਤੁਰੰਤ ਕਾਪੀ ਕਰੋ ਅਤੇ ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਗਰੇਡੀਐਂਟ ਦਾ ਪੂਰਵਦਰਸ਼ਨ ਕਰੋ। ਬਿਨਾਂ ਕਿਸੇ ਡਿਜ਼ਾਈਨ ਅਨੁਭਵ ਦੀ ਲੋੜ ਦੇ ਪੇਸ਼ੇਵਰ-ਗੁਣਵੱਤਾ ਗਰੇਡੀਐਂਟ ਬਣਾਓ।
Key Features
ਰੇਖਿਕ, ਰੇਡੀਅਲ, ਅਤੇ ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ ਕਿਸਮਾਂ
ਬੇਅੰਤ ਰੰਗ ਰੁਕਦਾ ਹੈ
ਅਸਲ-ਸਮੇਂ ਦੀ ਝਲਕ
ਵਿਵਸਥਿਤ ਕੋਣ ਅਤੇ ਸਥਿਤੀ
CSS ਕੋਡ ਨੂੰ ਤੁਰੰਤ ਕਾਪੀ ਕਰੋ
HSL, RGB, ਅਤੇ HEX ਕਲਰ ਸਪੋਰਟ
ਪ੍ਰੀ-ਬਿਲਟ ਗਰੇਡੀਐਂਟ ਟੈਂਪਲੇਟਸ
ਰੰਗ ਚੋਣਕਾਰ ਏਕੀਕਰਣ
ਚਿੱਤਰ ਜਾਂ CSS ਵਜੋਂ ਨਿਰਯਾਤ ਕਰੋ
ਮੋਬਾਈਲ-ਜਵਾਬਦੇਹ ਝਲਕ
ਗਰੇਡੀਐਂਟ ਜਨਰੇਟਰ
ਗਰੇਡੀਐਂਟ ਕਿਸਮ ਦੀ ਚੋਣ ਕਰੋ
ਤੁਹਾਡੀਆਂ ਡਿਜ਼ਾਈਨ ਲੋੜਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਲੀਨੀਅਰ, ਰੇਡੀਅਲ ਜਾਂ ਕੋਨਿਕ ਗਰੇਡੀਐਂਟ ਵਿਚਕਾਰ ਚੋਣ ਕਰੋ।
ਆਪਣੇ ਰੰਗ ਚੁਣੋ
ਏਕੀਕ੍ਰਿਤ ਰੰਗ ਚੋਣਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਕਸਟਮ ਰੰਗਾਂ ਦੀ ਚੋਣ ਕਰਨ ਲਈ ਕਲਰ ਸਟਾਪ 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
ਦਿਸ਼ਾ ਵਿਵਸਥਿਤ ਕਰੋ
ਤੁਹਾਡੇ ਡਿਜ਼ਾਈਨ ਦ੍ਰਿਸ਼ਟੀ ਨਾਲ ਮੇਲ ਕਰਨ ਲਈ ਆਪਣੇ ਗਰੇਡੀਐਂਟ ਲਈ ਕੋਣ, ਸਥਿਤੀ ਅਤੇ ਦਿਸ਼ਾ ਸੈੱਟ ਕਰੋ।
ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਪੂਰਵਦਰਸ਼ਨ
ਜਦੋਂ ਤੁਸੀਂ ਰੰਗਾਂ ਅਤੇ ਸੈਟਿੰਗਾਂ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਦੇ ਹੋ ਤਾਂ ਆਪਣੇ ਗਰੇਡੀਐਂਟ ਅੱਪਡੇਟ ਨੂੰ ਤੁਰੰਤ ਦੇਖੋ।
ਕਾਪੀ ਕੋਡ
ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਤੁਰੰਤ ਵਰਤੋਂ ਲਈ ਕੋਡ ਨੂੰ ਕਲਿੱਪਬੋਰਡ ਵਿੱਚ ਕਾਪੀ ਕਰਨ ਲਈ "CSS ਕਾਪੀ ਕਰੋ" 'ਤੇ ਕਲਿੱਕ ਕਰੋ।
Use Cases
ਵੈੱਬਸਾਈਟ ਬੈਕਗਰਾਊਂਡ ਬਣਾਓ
ਡਿਜ਼ਾਈਨ ਬਟਨ ਗਰੇਡੀਐਂਟ
ਕਾਰਡ ਕੰਪੋਨੈਂਟ ਬੈਕਗ੍ਰਾਊਂਡ ਬਣਾਓ
ਹੀਰੋ ਸੈਕਸ਼ਨ ਗਰੇਡੀਐਂਟ ਬਣਾਓ
ਮੋਬਾਈਲ ਐਪ ਬੈਕਗ੍ਰਾਉਂਡ ਡਿਜ਼ਾਈਨ ਕਰੋ
ਗਰੇਡੀਐਂਟ ਓਵਰਲੇ ਬਣਾਓ
ਸੋਸ਼ਲ ਮੀਡੀਆ ਪੋਸਟ ਬੈਕਗ੍ਰਾਉਂਡ ਡਿਜ਼ਾਈਨ ਕਰੋ
ਬੈਨਰ ਗ੍ਰਾਫਿਕਸ ਬਣਾਓ
ਥੀਮਡ ਗਰੇਡੀਐਂਟ ਤਿਆਰ ਕਰੋ
ਬ੍ਰਾਂਡ-ਇਕਸਾਰ ਗਰੇਡੀਐਂਟ ਬਣਾਓ
Frequently Asked Questions
ਕੀ CSS ਜਨਰੇਟਰ ਆਉਟਪੁੱਟ ਕਰਦਾ ਹੈ?
ਅਸੀਂ ਮਿਆਰੀ CSS ਗਰੇਡੀਐਂਟ ਸੰਟੈਕਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸਾਰੇ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਦੇ ਅਨੁਕੂਲ ਆਧੁਨਿਕ CSS ਗਰੇਡੀਐਂਟ ਆਉਟਪੁੱਟ ਕਰਦੇ ਹਾਂ।
ਕੀ ਮੈਂ ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ ਗਰੇਡੀਐਂਟ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦਾ ਹਾਂ?
ਹਾਂ, CSS ਗਰੇਡੀਐਂਟ ਮਲਟੀਪਲ ਬੈਕਗ੍ਰਾਉਂਡ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬੈਕਗ੍ਰਾਉਂਡ ਚਿੱਤਰਾਂ ਦੇ ਨਾਲ ਲੇਅਰ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।
ਕੀ ਬ੍ਰਾਊਜ਼ਰ ਅਨੁਕੂਲਤਾ ਸੰਬੰਧੀ ਚਿੰਤਾਵਾਂ ਹਨ?
ਆਧੁਨਿਕ ਗਰੇਡੀਐਂਟ ਸਾਰੇ ਮੌਜੂਦਾ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਸਮਰਥਿਤ ਹਨ। ਅਸੀਂ ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਲਈ ਫਾਲਬੈਕ ਵਿਕਲਪ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਾਂ।
ਕੀ ਮੈਂ ਇੱਕ ਚਿੱਤਰ ਫਾਈਲ ਵਜੋਂ ਨਿਰਯਾਤ ਕਰ ਸਕਦਾ ਹਾਂ?
ਹਾਂ, ਤੁਸੀਂ ਇੱਕ PNG ਜਾਂ SVG ਚਿੱਤਰ ਫਾਈਲ ਦੇ ਰੂਪ ਵਿੱਚ ਆਪਣਾ ਗਰੇਡੀਐਂਟ ਤਿਆਰ ਅਤੇ ਡਾਊਨਲੋਡ ਕਰ ਸਕਦੇ ਹੋ।
Tool Information
Related Tools You Might Like
Color Palette Generator from Image
Extract dominant colors from an image
RGB/HEX Converter
Convert between RGB and HEX color formats
WCAG Contrast Checker
Check color contrast according to WCAG standards
Digital Signature Generator
Create stylized digital signatures with different fonts
Box Shadow Generator
Generate CSS box shadows
Text Shadow Generator
Generate CSS text shadows
Surfboard Volume Calculator
Calculate the perfect surfboard volume based on your weight, experience level, and wave conditions.
Wave Height Converter
Convert between different wave height measurements (face height, Hawaiian scale, ocean swell).
Scuba Dive Planner
Plan your scuba dive with depth limits, bottom time, and safety decompression requirements.