રંગ પસંદ કરો, કોડ લો, અને કામે વળગો
રંગ પસંદગીકાર, ગ્રેડિયન્ટ રચનાર અને છબી ડ્રોપર એક જ પાના પર. ખાતું નહીં, સ્થાપન નહીં, રાહ નહીં: એક રંગ પસંદ કરો અને તેને HEX, RGB, HSL કે HSV તરીકે નકલ કરો.
રંગ કોડ
#0F37FFrgb(15, 55, 255)hsl(230°, 100%, 52.94%)hsv(230°, 94.12%, 100%)cmyk(94.12%, 78.43%, 0%, 0%)xyz(19.61, 10.05, 95.5)lab(37.93, 62.96, -98.45)lch(37.93, 116.86, 302.6°)લોકપ્રિય રંગો
બધા લોકપ્રિય રંગો જુઓઅંદર શું છે
ડ્રોપર
અપલોડ કરેલી છબીમાંથી રંગ લો, અને બ્રાઉઝર પરવાનગી આપે ત્યાં સ્ક્રીન પરની કોઈ પણ વસ્તુમાંથી પણ. ફાઇલ પાના પર મૂકો અને પિક્સેલ પર ક્લિક કરો.
સ્વરૂપ રૂપાંતર
HEX, RGB, HSL, HSV, CMYK, XYZ, LAB અને LCH વચ્ચે તરત બદલો, અને કોઈ પણ મૂલ્ય સીધું CSS માં કે તમારા ડિઝાઇન સાધનમાં નકલ કરો.
ગ્રેડિયન્ટ રચનાર
પટ્ટી પર થોભા ઉમેરો અને ખસેડો, રેખીય અને ત્રિજ્યાવર્તી વચ્ચે બદલો, ખૂણો અને અપારદર્શકતા ગોઠવો, પછી તૈયાર CSS નકલ કરો.
રંગનો ઇતિહાસ
તમે બનાવેલો દરેક રંગ અને ગ્રેડિયન્ટ તમારા બ્રાઉઝરમાં રહે છે, જેથી પછી પાછા આવી શકો કે બીજા પ્રોજેક્ટમાં ફરી વાપરી શકો.
સંવાદિતા અને પ્રકારો
દરેક રંગ પાના પર આછી અને ઘેરી છાયાઓ તથા છ સંવાદિતા ગોઠવણો હોય છે, અને તેમાંથી કોઈને પણ એક ક્લિકે ગ્રેડિયન્ટમાં ફેરવે છે.
મફત અને ખાનગી
કોઈ ચુકવણીની દીવાલ નથી, અને તમે શું પસંદ કરો છો તેની દેખરેખ પણ નથી. અપલોડ કરેલી છબીઓ બ્રાઉઝરમાં જ વંચાય છે અને ક્યાંય જતી નથી.
આ કોના માટે છે
- ડિઝાઇનરો અને ઉત્પાદન ટીમો
- ઇન્ટરફેસ કે બ્રાન્ડ રંગપટ્ટીનો ખરડો કરતી વખતે, સંયોજનો અજમાવતી વખતે, અને ગ્રેડિયન્ટનો ચોક્કસ CSS નકલ કરતી વખતે.
- ચિત્રકામ અને કલા
- ડ્રોપરથી ફોટા અને ચિત્રોમાંથી રંગ લેવા, અને મુલાયમ છાયાની યોજના કરવા.
- ફ્રન્ટ-એન્ડ વિકાસ
- આખા પ્રોજેક્ટમાં સુસંગત રંગ મૂલ્યો બનાવવા, અને હાલની ડિઝાઇનમાંથી તે વાંચવા.
- સુગમતા ચકાસનારા
- એક જ રંગને જુદા જુદા મોડેલમાં સરખાવવા, અને વિરોધાભાસનો ગુણોત્તર જરૂરી હદ ઓળંગે ત્યાં સુધી તેને ગોઠવવા.
કેવી રીતે વાપરવું
- 1
રંગ પસંદ કરો
સંતૃપ્તિ ક્ષેત્રમાં ગમે ત્યાં ક્લિક કરો, પછી છાયા અને પારદર્શકતાના સ્લાઇડરથી ઝીણવટ કરો. HEX, RGB અને HSV સાથે સાથે બદલાતા રહે છે.
- 2
છબીમાંથી લો
છબીને પાના પર ખેંચો કે ફાઇલ પસંદ કરો, પછી ઇચ્છિત પિક્સેલ પર ક્લિક કરો. કોડ તરત દેખાય છે.
- 3
ગ્રેડિયન્ટ બનાવો
થોભો ઉમેરવા પટ્ટી પર ક્લિક કરો અને તેને જગ્યાએ ખેંચો. રેખીય કે ત્રિજ્યાવર્તી પસંદ કરો અને ખૂણો નક્કી કરો.
- 4
નકલ કરીને વાપરો
મૂલ્ય કે આખું CSS વિધાન નકલ કરો. તમે જે પસંદ કરો તે બધું આપોઆપ ઇતિહાસમાં સચવાય છે.
વારંવાર પુછાતા પ્રશ્નો
આડે ન આવતું નાનું સાધન
શરૂઆત આંતરિક સાધન તરીકે થઈ હતી: ભારે ડિઝાઇન સોફ્ટવેર પહેલાં ખોલ્યા વિના જ રંગ ઉપાડીને, થોડો સુધારીને આગળ વધવું હતું. આ જાણીજોઈને એક જ પાનું છે, જાણીજોઈને ઝડપી છે, અને મફત જ રહેશે.
બ્રાઉઝર એક્સટેન્શન
તમે જે પાનાં જુઓ છો ત્યાંથી જ સીધા રંગ લેવા ગમે છે? Chrome અને Edge નાં એક્સટેન્શન ટૂલબારમાં ડ્રોપર બટન ઉમેરે છે, પોતાનો ઇતિહાસ રાખે છે, અને એક ક્લિકે આ સાધન ખોલે છે.