મફત કન્વર્ટર

કલર પેલેટ છબીમાંથી ચીપિયો

કોઈપણ છબીમાંથી તરત જ પ્રભાવશાળી રંગો કાઢો. એક ક્લિક સાથે HEX અને RGB મૂલ્યો મેળવો. મફત, સુરક્ષિત અને સંપૂર્ણપણે તમારા બ્રાઉઝરમાં ચાલે છે.

છબીને અહીં ખેંચો અને છોડો

PNG, JPG, WEBP, GIF ને સપોર્ટ કરે છે. મહત્તમ 50MB.

અથવા

આ ટૂલ વિશે

કલર પેલેટ નિષ્કર્ષણ છબીનું વિશ્લેષણ કરે છે અને પ્રભાવશાળી અથવા પ્રતિનિધિ રંગોને ઓળખે છે. પરિણામ એ રંગોનો નાનો સમૂહ છે - સામાન્ય રીતે 5-8 - જે છબીના દ્રશ્ય પાત્રને કેપ્ચર કરે છે. ડિઝાઇનર્સ અન્ય ડિઝાઇન ઘટકોનું સંકલન કરવા માટે એક્સટ્રેક્ટેડ પૅલેટનો ઉપયોગ કરે છે (હીરોની છબીને પૂરક બનાવતા UI રંગો, ફોટોગ્રાફીમાંથી મેળવેલી બ્રાન્ડ પૅલેટ્સ, મૂડની છબી સાથે મેળ ખાતી રંગ યોજનાઓ).

નિષ્કર્ષણ ક્લસ્ટરીંગ એલ્ગોરિધમ્સ (k-મીન્સ અથવા સમાન) નો ઉપયોગ કરે છે જેથી તમામ ઇમેજના પિક્સેલને કલર ક્લસ્ટરની વિનંતી કરેલ સંખ્યામાં જૂથબદ્ધ કરવામાં આવે. દરેક ક્લસ્ટરનું કેન્દ્ર પેલેટ રંગ બને છે. સૌથી મોટા ક્લસ્ટરો પ્રભાવશાળી રંગોનું પ્રતિનિધિત્વ કરે છે; અલ્ગોરિધમ કાચા પિક્સેલની ગણતરીને બદલે વિઝ્યુઅલ મહત્વ (સંતૃપ્તિ, કોન્ટ્રાસ્ટ) દ્વારા પણ સપાટીના સ્ટ્રાઇકિંગ એક્સેંટ રંગોને વજન આપી શકે છે.

આ સાધન JavaScript નો ઉપયોગ કરીને તમારા બ્રાઉઝરમાં ચાલે છે. છબીને પિક્સેલ ડેટામાં ડીકોડ કરવામાં આવે છે, ગણતરી ઘટાડવા માટે નમૂના લેવામાં આવે છે અને ક્લસ્ટર કરવામાં આવે છે. આઉટપુટ એ હેક્સ કોડ્સ, RGB મૂલ્યો અને પ્રમાણસર પટ્ટીઓ સાથેની પેલેટ છે જે ઇમેજમાં દરેક રંગનો વ્યાપ દર્શાવે છે.

શા માટે રંગ પૅલેટ્સ બહાર કાઢો

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

પેલેટ્સ સામગ્રી મેનેજમેન્ટને પણ સપોર્ટ કરે છે. પ્રભાવશાળી રંગ દ્વારા છબીઓનું વર્ગીકરણ તમને ઇન્ટરફેસ બનાવવા દે છે જ્યાં વપરાશકર્તાઓ રંગ દ્વારા ફોટા, ઉત્પાદનો અથવા ડિઝાઇન બ્રાઉઝ કરે છે. આવી સિસ્ટમ બનાવવા માટે પૅલેટને વ્યવસ્થિત રીતે કાઢવાની જરૂર પડે છે, જે પ્રોગ્રામેટિક એક્સટ્રેક્શનને સક્ષમ કરે છે.

કેવી રીતે વાપરવું

અપલોડ કરો, પેલેટનું કદ પસંદ કરો, રંગો મેળવો.

  1. તમારી છબી અપલોડ કરો: અપલોડ વિસ્તારમાં JPEG, PNG અથવા WebP ખેંચો. 50 MB સુધીની ફાઇલો સપોર્ટેડ છે.
  2. પેલેટનું કદ પસંદ કરો: 5-8 રંગો મોટાભાગના ઉપયોગના કેસોને આવરી લે છે. ચુસ્તપણે કેન્દ્રિત પેલેટ માટે 3-4; બારીક વિગતવાર નિષ્કર્ષણ માટે 10+. મોટા પેલેટમાં સૂક્ષ્મ રંગોનો સમાવેશ થાય છે પરંતુ ઘટતી ઉપયોગીતા પેદા કરે છે.
  3. અર્ક: ક્લસ્ટરિંગ તમારા બ્રાઉઝરમાં ચાલે છે. નાના પૅલેટ ઝડપથી બહાર કાઢે છે; ઉચ્ચ-રિઝોલ્યુશન છબીઓમાંથી મોટા પેલેટ્સ થોડી સેકંડ લે છે.
  4. પેલેટનો ઉપયોગ કરો: હેક્સ કોડની સીધી નકલ કરી શકાય છે. પેલેટને JSON, CSS કસ્ટમ પ્રોપર્ટીઝ અથવા કલર સ્વેચ ઈમેજ તરીકે નિકાસ કરી શકાય છે.

સામાન્ય ઉપયોગના કેસો

ટેકનિકલ વિગતો

K-નો અર્થ ક્લસ્ટરિંગ પુનરાવર્તિત થાય છે: દરેક પિક્સેલને નજીકના ક્લસ્ટર કેન્દ્રને સોંપો, સોંપેલ પિક્સેલ્સના સરેરાશ તરીકે કેન્દ્રોની પુનઃ ગણતરી કરો, કન્વર્જન્સ સુધી પુનરાવર્તન કરો. ફુલ-રિઝોલ્યુશન ઈમેજીસ પર ચાલવું ધીમું છે; સેમ્પલિંગ (દરેક Nth પિક્સેલ લેવું) ન્યૂનતમ ગુણવત્તા નુકશાન સાથે વેગ આપે છે.

રંગ જગ્યા મહત્વપૂર્ણ છે. RGB માં ક્લસ્ટરિંગ RGB અંતર દ્વારા ભારિત પેલેટ્સનું ઉત્પાદન કરે છે, જે સમજશક્તિના અંતર સાથે મેળ ખાતા નથી. LAB અથવા HSV માં ક્લસ્ટરિંગ વધુ સમજદારીપૂર્વક સંરેખિત પેલેટ્સ ઉત્પન્ન કરે છે — રંગો કે જે વધુ વિશ્વસનીય રીતે એકસાથે સમાન જૂથ દેખાય છે.

આઉટપુટ: દરેક ક્લસ્ટર સેન્ટર માટે હેક્સ કોડ્સ, વત્તા દરેક ક્લસ્ટરમાં ઇમેજ પિક્સેલ્સની ટકાવારી. ટકાવારી દ્રશ્ય વ્યાપ દર્શાવે છે; સૌથી મોટું ક્લસ્ટર સૌથી પ્રભાવશાળી રંગ છે.

શ્રેષ્ઠ વ્યવહાર

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

કેટલા રંગો કાઢવામાં આવે છે?
ટૂલ સામાન્ય રીતે ઇમેજની જટિલતાને આધારે 5-8 પ્રભાવશાળી રંગો કાઢે છે. થોડા રંગોવાળી સરળ છબીઓ ઓછા, વધુ અલગ સ્વેચ બનાવે છે. જટિલ ફોટા વિશાળ શ્રેણી પેદા કરે છે.
નિષ્કર્ષણ અલ્ગોરિધમ કેવી રીતે કામ કરે છે?
સમાન પિક્સેલને જૂથબદ્ધ કરવા અને સૌથી પ્રતિનિધિ રંગોને ઓળખવા માટે ટૂલ કલર ક્વોન્ટાઈઝેશન (મીડિયન કટ અથવા કે-મીન્સ ક્લસ્ટરિંગ) નો ઉપયોગ કરે છે. આ સૌથી સામાન્ય સિંગલ પિક્સેલ મૂલ્યોને બદલે દૃષ્ટિની અર્થપૂર્ણ રંગો ઉત્પન્ન કરે છે.
શું હું મારી બ્રાન્ડ માટે એક્સટ્રેક્ટેડ રંગોનો ઉપયોગ કરી શકું?
હા. મૂડ બોર્ડ્સ, ફોટોગ્રાફ્સ અથવા ઉત્પાદનની છબીઓમાંથી બ્રાન્ડ પેલેટ્સ મેળવવા માટેની આ એક લોકપ્રિય તકનીક છે. એક્સટ્રેક્ટેડ હેક્સ કોડ્સ સીએસએસ, ડિઝાઇન ટૂલ્સ અથવા બ્રાન્ડ માર્ગદર્શિકામાં સીધો ઉપયોગ કરી શકાય છે.
શા માટે કાઢવામાં આવેલા રંગો હું જે જોઉં છું તેની સાથે બરાબર મેળ ખાતા નથી?
રંગ નિષ્કર્ષણ સમાન પિક્સેલને એકસાથે જૂથ કરે છે. ઢાળ કે જે આંખને એક રંગ જેવો દેખાય છે તે સહેજ અલગ શેડમાં સરેરાશ કરી શકાય છે. ઉપરાંત, મોનિટર કેલિબ્રેશન સ્ક્રીન પર રંગો કેવી રીતે દેખાય છે તેની અસર કરે છે.
આઉટપુટ શું ફોર્મેટ છે?
મૂળભૂત રીતે હેક્સ કોડ્સ. મોટાભાગના ટૂલ્સ RGB, HSL અને અન્ય કલર સ્પેસ વેલ્યુ પણ નિકાસ કરે છે. CSS કસ્ટમ પ્રોપર્ટીઝ અથવા JSON આઉટપુટ પ્રોગ્રામેટિક ઉપયોગ માટે ઉપયોગી છે.
શું મારી છબી સર્વર પર અપલોડ કરવામાં આવી છે?
ના. નિષ્કર્ષણ તમારા બ્રાઉઝરમાં થાય છે.
શું પેલેટ બ્રાન્ડની ઓળખ સાથે મેળ ખાશે?
અલ્ગોરિધમિક નિષ્કર્ષણ વર્ણનાત્મક છે, પ્રિસ્ક્રિપ્ટિવ નથી. આઉટપુટ છબીનું વર્ણન કરે છે; બ્રાન્ડમાં સંબંધિત પરંતુ અલગ પેલેટ હોઈ શકે છે. પ્રારંભિક બિંદુ તરીકે નિષ્કર્ષણનો ઉપયોગ કરો, પછી બ્રાન્ડ સંરેખણ માટે રિફાઇન કરો.
શું હું વિડિઓમાંથી એક્સ્ટ્રેક્ટ કરી શકું?
ફક્ત આ સાધન વડે સિંગલ-ફ્રેમ નિષ્કર્ષણ. વિડિયો પેલેટ નિષ્કર્ષણ માટે, નમૂના ફ્રેમ્સ અને દરેકમાંથી અર્ક, પછી એકંદર.