આ પેજ શું કામ કરે છે
આ એક ઑનલાઇન સાધન છે જે તમને કોઈપણ ઈમેજમાંથી ચોક્કસ પિક્સેલનો HEX રંગ કોડ શોધવા દે છે. તમે તમારા ઉપકરણમાંથી એક ઈમેજ અપલોડ કરો, પછી તેના પર માઉસ ફેરવો અથવા ક્લિક કરો – તરત જ તે પિક્સેલનો રંગ #1E90FF જેવા છ-અંકના હેક્સાડેસિમલ ફોર્મેટમાં દેખાય છે. RGB અને HSL મૂલ્યો પણ સાથે દેખાય છે જેથી તમે તેને CSS, ડિઝાઇન સૉફ્ટવેર (Figma, Photoshop) કે રંગ પૅલેટમાં સીધો ઉપયોગ કરી શકો.
એક મેગ્નિફાઇડ વ્યૂ તમને ચોક્કસ પિક્સેલ ઓળખવામાં મદદ કરે છે, ખાસ કરીને જ્યારે ઈમેજ સંકુચિત (compressed) હોય અથવા તેમાં એન્ટિ-એલિયાસિંગ હોય. તમે બચાવેલા રંગો (12 સુધી) હિસ્ટ્રીમાં જોઈ શકો છો અને પછીથી તેનો ઉપયોગ કરી શકો છો.
HEX રંગ કોડ શા માટે અલગ છે
આ પેજ બીજા સમાન પેજ (જેમ કે RGB ફંક્શનલ નોટેશન કે HSL દર્શાવતા પેજ) કરતાં અલગ છે કારણ કે તેનું પ્રાથમિક આઉટપુટ HEX છે. HEX ફોર્મેટ એ CSS નું પ્રમાણભૂત સ્વરૂપ છે – તેમાં અક્ષરો અને અંકોનો સીધો ઉપયોગ થાય છે, વધારાના કૌંસ કે ફંક્શન નામની જરૂર નથી. ઉદાહરણ તરીકે, color: #1E90FF; લખવું સરળ છે, જ્યારે RGB માટે rgb(30, 144, 255) લખવું પડે છે.
HEX ફોર્મેટમાં છ અંકો (અથવા ત્રણ અંકોનો શૉર્ટહેન્ડ) હોય છે, અને તેમાં આલ્ફા ચેનલ સામેલ નથી. આ પેજ આલ્ફાને અલગથી ટકાવારીમાં બતાવે છે: "Alpha 50% – this pixel is partly transparent." આનો અર્થ એ કે જો તમારે પારદર્શિતા જાળવવી હોય, તો તમારે RGB અથવા HSL મૂલ્યોનો ઉપયોગ કરવો પડશે, કારણ કે HEXમાં આલ્ફા સમાવિષ્ટ નથી.
ઇનપુટ અને આઉટપુટની વિગતો
સ્વીકાર્ય ઈમેજ ફોર્મેટ્સ: PNG, JPG, WebP, GIF, AVIF, HEIC. MIME પ્રકારો: image/jpeg, image/png, image/webp, image/gif, image/avif, image/heic, image/heif.
જ્યારે ઈમેજ લોડ થાય છે, ત્યારે કેન્દ્રીય પિક્સેલના રંગ અને કોઓર્ડિનેટ્સ તરત જ દર્શાવાય છે. પછી તમે માઉસ ફેરવીને એક-એક પિક્સેલ સેમ્પલ કરી શકો છો. આઉટપુટમાં નીચેના દેખાય છે:
| વિગત | ઉદાહરણ |
|---|---|
| ઈમેજનું સ્ટેટસ | "Image ready — move over it to sample, click to save a color." |
| ઈમેજનાં પરિમાણો | 800 × 600 px |
| પિક્સેલ કોઓર્ડિનેટ્સ | (x: 320, y: 240) |
| HEX | #1E90FF |
| RGB | rgb(30, 144, 255) |
| HSL | hsl(210, 100%, 56%) |
| આલ્ફા (જો હોય તો) | "Alpha 75% — this pixel is partly transparent." |
ક્લિક કરવાથી: "Saved #1E90FF to your picks." સંદેશ દેખાય છે અને રંગ હિસ્ટ્રીમાં ઉમેરાય છે.
કૉપિ કરવા માટે: કોઈપણ દર્શાવેલા મૂલ્ય (HEX, RGB, HSL) પર ક્લિક કરો – તે ક્લિપબોર્ડ પર કૉપિ થઈ જશે. જો બ્રાઉઝર અવરોધ કરે, તો "Could not copy — your browser blocked clipboard access." સંદેશ દેખાશે.
સેમ્પલિંગની ચોકસાઈ અને કી-બોર્ડ નેવિગેશન
મેગ્નિફાયર વ્યૂ એ મુખ્ય લક્ષણ છે. જ્યારે તમે ઈમેજ પર હોવર કરો છો, ત્યારે એક ઝૂમ કરેલો વિસ્તાર દેખાય છે જેમાં પિક્સેલ્સ સ્પષ્ટ દેખાય છે. આ ખાસ કરીને મદદરૂપ છે જ્યારે ઈમેજમાં એન્ટિ-એલિયાસિંગ અથવા સંકોચન હોય – જ્યારે બે રંગો વચ્ચેની સીમા અસ્પષ્ટ લાગે, ત્યારે તમે ચોક્કસ પિક્સેલ પસંદ કરી શકો છો.
કી-બોર્ડ શૉર્ટકટ્સ:
- એરો કીઝ: ક્રોસહૅરને એક પિક્સેલ ખસેડે છે.
- Shift + એરો કી: 10 પિક્સેલ્સ ખસેડે છે.
- Enter અથવા Space: વર્તમાન પિક્સેલનો રંગ સાચવે છે.
આ ખાસ કરીને એક્સેસિબિલિટી માટે મહત્વપૂર્ણ છે – જો કોઈ વ્યક્તિ માઉસનો ઉપયોગ ન કરી શકે, તો પણ તે કી-બોર્ડ વડે ચોક્કસ રંગ પસંદ કરી શકે છે. ઉદાહરણ તરીકે, 100 × 100 પિક્સેલની ઈમેજમાં 50,50 પિક્સેલ પર જવા માટે Shift+એરો વડે 5 દબાવવા પૂરતા છે.
રંગો સાચવવા અને ફરીથી ઉપયોગ
જ્યારે તમે ઈમેજ પર ક્લિક કરો છો, ત્યારે તે પિક્સેલનો રંગ હિસ્ટ્રીમાં ઉમેરાય છે. હિસ્ટ્રી 12 આઇટમ સુધી મર્યાદિત છે. જો તમે 13મો રંગ સાચવવાનો પ્રયાસ કરશો, તો સૌથી જૂનો રંગ દૂર થઈ જશે (FIFO – First In, First Out).
મહત્વપૂર્ણ નિયમ: સમાન RGB મૂલ્યો પરંતુ અલગ આલ્ફા મૂલ્યો ધરાવતા રંગોને અલગ એન્ટ્રી તરીકે સાચવવામાં આવે છે. ઉદાહરણ તરીકે, rgb(255, 0, 0) અને rgb(255, 0, 0, 0.5) બંને અલગ-અલગ હિસ્ટ્રીમાં દેખાશે, ભલે તેમનો લાલ રંગ સરખો હોય.
હિસ્ટ્રીમાંથી રંગ લોડ કરવો: કોઈપણ સ્વેચ (swatch) પર ક્લિક કરો – તે રંગ ફરીથી મુખ્ય ડિસ્પ્લેમાં દેખાશે, અને તમે તેને કૉપિ કરી શકો છો.
"Start over" બટન: આ બટન ઈમેજ, હિસ્ટ્રી અને બધા રંગોને દૂર કરીને ટૂલને શરુઆતની સ્થિતિમાં લાવે છે.
ઈમેજ સંકોચન અને પારદર્શિતાની અસર
સંકોચન (Compression)
જ્યારે તમે JPEG ઈમેજ અથવા સ્ક્રીનશૉટનો ઉપયોગ કરો છો, ત્યારે સંકોચન અને એન્ટિ-એલિયાસિંગને કારણે પિક્સેલ વૅલ્યુઝ બદલાઈ શકે છે. ઉદાહરણ તરીકે, એક સરળ લાલ વિસ્તારમાં બધા પિક્સેલ્સ બરાબર #FF0000 ન હોય – કેટલાક #FF0101 કે #FE0000 હોઈ શકે છે. આ માટે મેગ્નિફાયર અને ચોક્કસ પિક્સેલ સેમ્પલિંગ આવશ્યક છે.
પારદર્શિતા (Alpha Channel)
HEX ફોર્મેટમાં આલ્ફા ચેનલ સમાવિષ્ટ નથી. જો તમે PNG અથવા WebP જેવા ફોર્મેટમાંથી અર્ધ-પારદર્શક પિક્સેલ સેમ્પલ કરો છો, તો ટૂલ તેને તેની પોતાની સ્થિતિમાં વાંચે છે – તેની પાછળ શું છે તેની ગણતરી કરતું નથી. આલ્ફા મૂલ્ય ટકાવારીમાં દર્શાવાય છે, જેમ કે "Alpha 30% – this pixel is partly transparent."
આનો અર્થ એ છે કે જો તમે લીલા બેકગ્રાઉન્ડ પરનો અર્ધ-પારદર્શક લાલ પિક્સેલ સેમ્પલ કરશો, તો તમને લાલ રંગનો આલ્ફા મૂલ્ય મળશે, નહીં કે લીલા સાથે મિક્સ થયેલો રંગ. આ ડિઝાઇનર્સ માટે મહત્વપૂર્ણ છે – તમે મૂળ રંગની ચોકસાઈ જાળવી શકો છો.
ઈમેજ સ્કેલિંગ
જો ઈમેજની સૌથી લાંબી બાજુ 4096 પિક્સેલ્સ કરતાં વધુ હોય, તો ઈમેજ આપમેળે નાની કરવામાં આવે છે. આ પ્રોસેસિંગની ગતિ માટે જરૂરી છે, પરંતુ યાદ રાખો કે સ્કેલ થયેલી ઈમેજમાં પિક્સેલ્સની સંખ્યા ઘટી જાય છે, જેના કારણે કેટલાક મૂળ પિક્સેલ્સ ખોવાઈ શકે છે.
અસમર્થ ફાઇલો
જો કોઈ અસમર્થ ફાઇલ ડ્રૉપ કરવામાં આવે, તો સંદેશ દેખાય છે: "That file type is not supported. Try a PNG, JPG, WebP, GIF, AVIF or HEIC image." જો ઈમેજ ખરાબ હોય અથવા ફોર્મેટ અજાણ્યું હોય, તો: "That image could not be opened. It may be corrupted or in an unsupported format."
વારંવાર પૂછાતા પ્રશ્નો (FAQ)
1. શું હું JPEG ઈમેજનો ઉપયોગ કરી શકું? હા, JPEG ને સપોર્ટ કરવામાં આવે છે. પરંતુ ધ્યાન રાખો કે JPEG સંકોચનને કારણે પિક્સેલ વૅલ્યુઝ મૂળ કરતાં અલગ હોઈ શકે છે. ચોક્કસ પિક્સેલ મેળવવા માટે મેગ્નિફાયરનો ઉપયોગ કરો.
2. શું હિસ્ટ્રીમાં કેટલા રંગ સેવ કરી શકાય છે? મહત્તમ 12 રંગો. જો તમે 13મો રંગ ઉમેરશો, તો સૌથી જૂનો રંગ આપમેળે દૂર થઈ જશે.
3. જો પિક્સેલ પારદર્શક હોય, તો શું થાય? ટૂલ તે પિક્સેલનો રંગ અને આલ્ફા ટકાવારી દર્શાવે છે – જેમ કે "Alpha 50% – this pixel is partly transparent." તેની પાછળનો રંગ ગણવામાં આવતો નથી. HEX મૂલ્ય માત્ર RGB ભાગ દર્શાવે છે, આલ્ફા નહીં.
4. શું હું કી-બોર્ડથી રંગ કૉપિ કરી શકું? હા, તમે HEX, RGB અથવા HSL મૂલ્ય પર ક્લિક કરી શકો છો. જો બ્રાઉઝર ક્લિપબોર્ડ એક્સેસને અવરોધે, તો એક સંદેશ દેખાશે.
5. શું ખૂબ મોટી ઈમેજ કામ કરશે? જો ઈમેજની સૌથી લાંબી બાજુ 4096 પિક્સેલ્સ કરતાં વધુ હોય, તો ઈમેજ આપમેળે સ્કેલ થઈ જાય છે. તેથી મૂળ ઈમેજના તમામ પિક્સેલ્સની ચોકસાઈ મળશે નહીં, પરંતુ મોટાભાગના કામ માટે તે પૂરતું છે.
6. શું આ ટૂલ ગોપનીયતા જાળવે છે? આ ટૂલ સંપૂર્ણપણે ક્લાયન્ટ-સાઇડ (તમારા બ્રાઉઝરમાં) ચાલે છે. ઈમેજ ક્યારેય સર્વર પર અપલોડ થતી નથી. તેથી તમે ગોપનીય ઈમેજનો પણ નિર્ભયપણે ઉપયોગ કરી શકો છો.