ગ્રેડિયન્ટ જનરેટર

લીનિયર, રેડિયલ અથવા કોનિક ગ્રેડિયન્ટ બનાવો, કલર સ્ટોપ્સ ઉમેરો અને દિશા સેટ કરો, પછી એક ક્લિકમાં CSS કૉપિ કરો.

ગ્રેડિયન્ટ પ્રકાર
કલર સ્ટોપ્સ
CSS
તમારા ગ્રેડિયન્ટને આકાર આપવા માટે સ્ટોપ્સ અને દિશા એડજસ્ટ કરો.

દરેક ગ્રેડિયન્ટ સીધો તમારા બ્રાઉઝરમાં જ રેન્ડર થાય છે. તમે અહીં સેટ કરેલી કોઈપણ માહિતી BroBroGo પર અપલોડ થતી નથી.

વારંવાર પૂછાતા પ્રશ્નો

લીનિયર, રેડિયલ અને કોનિક ગ્રેડિયન્ટ વચ્ચે શું તફાવત છે?

લીનિયર ગ્રેડિયન્ટ રંગોને એક સીધી રેખામાં મિશ્રિત કરે છે જેને તમે એંગલ વડે સેટ કરી શકો છો. રેડિયલ ગ્રેડિયન્ટ તેમને કેન્દ્રમાંથી બહારની તરફ વર્તુળ અથવા લંબગોળ આકારમાં ફેલાવે છે. કોનિક ગ્રેડિયન્ટ તેમને કલર વ્હીલની જેમ કેન્દ્રની આસપાસ ફેરવે છે.

કલર સ્ટોપ્સ (color stops) શું છે?

દરેક કલર સ્ટોપ એ ગ્રેડિયન્ટ પર ચોક્કસ સ્થાન સાથે જોડાયેલો રંગ છે — શરૂઆતમાં 0%, અંતમાં 100%. રંગ ક્યાં વધુ ઘાટો દેખાય તે બદલવા માટે સ્ટોપને ખસેડો, અથવા વધુ સારા મિશ્રણ માટે વધુ સ્ટોપ્સ ઉમેરો. તમે મહત્તમ આઠ સ્ટોપ્સનો ઉપયોગ કરી શકો છો.

હું દિશા (direction) કેવી રીતે કંટ્રોલ કરું?

લીનિયર (linear) અથવા કોનિક (conic) ગ્રેડિયન્ટ માટે, એંગલ સ્લાઇડર દિશા સેટ કરે છે — 0° ઉપર તરફ અને 90° જમણી તરફ નિર્દેશ કરે છે. રેડિયલ (radial) ગ્રેડિયન્ટમાં કોઈ એંગલ હોતો નથી; તેના ફેલાવાને બદલવા માટે વર્તુળ (circle) અથવા લંબગોળ (ellipse) આકાર પસંદ કરો.