RGB થી હેક્સ: ચોક્કસ અને ત્વરિત રંગ રૂપાંતરણ
આ પાનું તમારા માટે ત્રણ દશાંશ સંખ્યાઓ — લાલ, લીલો અને વાદળી, દરેક ૦ થી ૨૫૫ ની રેન્જમાં — લે છે અને તરત જ સમકક્ષ હેક્સાડેસિમલ કલર કોડ દર્શાવે છે. ઉદાહરણ તરીકે, 79, 70, 229 દાખલ કરતાં તમને #4F46E5 મળે છે. સાધન એક સાથે કલર સ્વોચ પણ બતાવે છે અને અન્ય તમામ સપોર્ટેડ કલર ફોર્મેટ (HSL, HSV, CMYK, LAB અને કલર પિકર) અપડેટ કરે છે. આ રૂપાંતરણ ચોક્કસ છે, કોઈ અંદાજ કે ગેમટ ક્લિપિંગ વિના.
RGB રંગ મોડલ: ઉમેરણ પ્રક્રિયા અને ૦-૨૫૫ સ્કેલ
RGB એક ઉમેરણ રંગ મોડલ છે. તેનો અર્થ એ કે જ્યારે તમે લાલ, લીલો અને વાદળી પ્રકાશના સ્ત્રોતોને વિવિધ તીવ્રતામાં ભેગા કરો છો, ત્યારે તેઓ સફેદ પ્રકાશ બનાવે છે. આ કમ્પ્યુટર મોનિટર, ફોન સ્ક્રીન અને ટેલિવિઝનમાં વપરાતી મૂળભૂત પદ્ધતિ છે. દરેક ચેનલ — લાલ, લીલો, વાદળી — માટે ૦ થી ૨૫૫ ની શ્રેણી શા માટે? આ 8-બીટ પ્રતિ ચેનલ એન્કોડિંગમાંથી આવે છે: ( 2^8 = 256 ) શક્ય મૂલ્યો. ૦ નો અર્થ છે કે તે ચેનલનો કોઈ પ્રકાશ નથી, જ્યારે ૨૫૫ નો અર્થ છે મહત્તમ તીવ્રતા. ઉદાહરણ તરીકે, 255, 0, 0 એ શુદ્ધ લાલ છે; 0, 255, 0 શુદ્ધ લીલો; અને 0, 0, 255 શુદ્ધ વાદળી. જ્યારે તમે બધા ત્રણને ૨૫૫ પર સેટ કરો છો, ત્યારે તમને શુદ્ધ સફેદ મળે છે; બધાને ૦ પર સેટ કરવાથી કાળો મળે છે.
આ સાધન sRGB (માનક લાલ લીલો વાદળી) કાર્યકારી જગ્યાનો ઉપયોગ કરે છે. આ આજના મોટાભાગના ડિજિટલ ડિસ્પ્લે માટેનો માનક રંગ સ્થાન છે. sRGB ની અંદર, દરેક RGB ત્રિપુટીનો એક અને એક જ સમકક્ષ હેક્સ કોડ હોય છે. કારણ કે બંને ફોર્મેટ સમાન ગેમટને આવરી લે છે, રૂપાંતરણ વખતે કોઈ નુકસાન થતું નથી. તમે #4F46E5 થી ફરીથી 79, 70, 229 પર અને પાછા જઈ શકો છો — દરેક વખતે ચોક્કસ મૂલ્યો પ્રાપ્ત થશે.
હેક્સાડેસિમલ કલર કોડ: માળખું અને શોર્ટહેન્ડ
હેક્સાડેસિમલ (ટૂંકમાં હેક્સ) કલર કોડ # ચિહ્નથી શરૂ થાય છે અને ત્યારબાદ છ અક્ષરો (સંખ્યાઓ ૦-૯ અને અક્ષરો A-F) આવે છે. દરેક જોડી એક ચેનલ રજૂ કરે છે: પ્રથમ બે લાલ, વચ્ચેના બે લીલા, છેલ્લા બે વાદળી. ઉદાહરણ: #4F46E5 માં:
4F= લાલ (79 દશાંશ)46= લીલો (70 દશાંશ)E5= વાદળી (229 દશાંશ)
હેક્સ કોડ્સ કેસ-ઇનસેન્સિટિવ છે. #4F46E5 અને #4f46e5 અને #4F46e5 બધા સમાન રંગ દર્શાવે છે. જો કે, CSS મોટાભાગે નાના અક્ષરોનો ઉપયોગ કરે છે, પરંતુ આ એક શૈલીગત પસંદગી છે, નિયમ નથી.
ત્રણ-અંકનું શોર્ટહેન્ડ (જેમ કે #abc) માત્ર ત્યારે જ શક્ય છે જ્યારે દરેક ચેનલના બંને અંકો સરખા હોય. ઉદાહરણ: #AABBCC → #ABC. પરંતુ #4F46E5 ને ત્રણ અંકોમાં સંકોચી શકાતું નથી, કારણ કે ચેનલોની અંદરના અંકો અલગ છે (4≠F, 4≠6, E≠5). આ સાધન હેક્સ ઇનપુટ ફીલ્ડમાં ત્રણ-અંકનું શોર્ટહેન્ડ સ્વીકારે છે અને તેને છ-અંકમાં આપમેળે વિસ્તારે છે. ઉદાહરણ તરીકે, #abc દાખલ કરવાથી આંતરિક રીતે #AABBCC થાય છે.
રૂપાંતરણનું ગણિત: દશાંશથી ષોડશાંશ
દરેક ૦-૨૫૫ મૂલ્યને હેક્સમાં રૂપાંતરિત કરવા માટે, ૧૬ વડે ભાગાકાર કરો:
- ભાગાકારનો ભાગ (quotient) પ્રથમ હેક્સ અંક આપે છે.
- શેષ (remainder) બીજો હેક્સ અંક આપે છે.
ઉદાહરણ: 79 ને રૂપાંતરિત કરો.
- 79 ÷ 16 = 4 (ભાગ), શેષ 15.
- 4 → 4, 15 → F. પરિણામ:
4F.
બીજું ઉદાહરણ: 229.
- 229 ÷ 16 = 14 (ભાગ), શેષ 5.
- 14 → E, 5 → 5. પરિણામ:
E5.
જો તમે હેક્સથી દશાંશમાં પાછા જાઓ છો, તો સૂત્ર છે: પ્રથમ અંક × 16 + દ્વિતીય અંક. ઉદાહરણ: 4F = 4 × 16 + 15 = 64 + 15 = 79. આ રૂપાંતરણ સંપૂર્ણ રીતે વિપરીત છે.
CSS માં હેક્સનો ઉપયોગ: સામાન્ય ગુણધર્મો અને આલ્ફા ચેનલ
CSS માં હેક્સ કોડ્સનો ઉપયોગ મોટાભાગે color અને background-color ગુણધર્મોમાં થાય છે. ઉદાહરણ:
p { color: #4F46E5; }
div { background-color: #1E90FF; }
આધુનિક CSS આઠ-અંકનું હેક્સ (જેમ કે #4F46E5FF) પણ સપોર્ટ કરે છે, જ્યાં છેલ્લા બે અંકો આલ્ફા ચેનલ (અપારદર્શકતા) દર્શાવે છે. FF સંપૂર્ણ અપારદર્શક, 00 સંપૂર્ણ પારદર્શક. પરંતુ આ સાધન ફક્ત છ-અંકનું હેક્સ આઉટપુટ કરે છે, કારણ કે મૂળ RGB ઇનપુટમાં આલ્ફા ચેનલનો સમાવેશ થતો નથી. જો તમારે આલ્ફા સાથે કામ કરવું હોય, તો તમારે અલગથી મૂલ્ય ઉમેરવું પડશે.
ઇનપુટ ફોર્મેટિંગ અને સામાન્ય ભૂલો
સાધન RGB ઇનપુટને અલ્પવિરામ અથવા જગ્યાઓ દ્વારા અલગ કરેલી ત્રણ સંખ્યાઓ તરીકે અપેક્ષા રાખે છે. ઉદાહરણો:
79, 70, 229(અલ્પવિરામ અને જગ્યા)79 70 229(ફક્ત જગ્યાઓ)79,70,229(ફક્ત અલ્પવિરામ)
જો તમે ખોટું ફોર્મેટ દાખલ કરો — જેમ કે ફક્ત બે સંખ્યાઓ, અક્ષરો સાથેનો સ્ટ્રિંગ, અથવા ૨૫૫ થી વધુ મૂલ્યો — તો સાધન નીચેનો ભૂલ સંદેશ દર્શાવે છે:
"Enter RGB as three numbers 0–255, like 79, 70, 229."
કારણ કે રૂપાંતરણ sRGB સ્પેસમાં થાય છે, ત્યાં કોઈ ગેમટ ક્લિપિંગ નથી. જો તમે ૧૦૦ થી ઉપરનું મૂલ્ય દાખલ કરો (જેમ કે ૩૦૦), તો તે માન્ય ૦-૨૫૫ રેન્જની બહાર જતું હોવાથી ભૂલ થશે. બધી પ્રક્રિયા તમારા બ્રાઉઝરમાં થાય છે; કોઈપણ ડેટા સર્વર પર અપલોડ થતો નથી.
sRGB અને રંગ મર્યાદા: શા માટે તમારે ફેરફારની ચિંતા કરવાની જરૂર નથી
sRGB એક ચોક્કસ ગેમટ વ્યાખ્યાયિત કરે છે — એટલે કે, રંગોનો સમૂહ જે પ્રદર્શિત કરી શકાય છે. જ્યારે તમે RGB થી હેક્સમાં રૂપાંતર કરો છો, ત્યારે બંને સમાન ગેમટનો ઉપયોગ કરે છે, તેથી કોઈ રંગ "ખોવાતો" નથી. આ CMYK થી RGB રૂપાંતરણથી વિપરીત છે, જ્યાં ઘણીવાર ઘાટા રંગો ખોવાઈ જાય છે કારણ કે સબ્ટ્રેક્ટિવ (શાહી) અને ઉમેરણ (પ્રકાશ) મોડલ્સ અલગ છે.
જો કે, યાદ રાખો: સ્ક્રીન પરનો રંગ અને છાપેલો રંગ સરખો દેખાતો નથી. sRGB માં દેખાતો #4F46E5 તમારા પ્રિન્ટર પર અલગ દેખાઈ શકે છે, કારણ કે શાહી અને કાગળના પ્રોફાઇલ્સ અલગ છે. આ સાધન ફક્ત ડિજિટલ ઉપયોગ માટે છે.
FAQ: વારંવાર પૂછાતા પ્રશ્નો
પ્રશ્ન: શા માટે RGB મૂલ્યો ૦ થી ૨૫૫ ની વચ્ચે હોય છે?
જવાબ: કારણ કે દરેક ચેનલ 8 બીટ્સમાં એન્કોડ થાય છે, જે 256 શક્ય મૂલ્યો (0 થી 255) આપે છે.
પ્રશ્ન: શું હું ત્રણ-અંકનું હેક્સ શોર્ટહેન્ડ દાખલ કરી શકું?
જવાબ: હા, સાધન #abc સ્વીકારે છે અને તેને #AABBCC માં વિસ્તારે છે. પરંતુ આઉટપુટ હંમેશા છ-અંકનું જ રહેશે.
પ્રશ્ન: શું આલ્ફા ચેનલ સાથે કામ કરવાનો કોઈ રસ્તો છે?
જવાબ: આ સાધન ફક્ત છ-અંકનું હેક્સ આપે છે. આલ્ફા ઉમેરવા માટે, તમારે જાતે બે વધારાના અંકો ઉમેરવા પડશે (જેમ કે #4F46E5FF).
પ્રશ્ન: શું રૂપાંતરણ વિપરીત છે?
જવાબ: હા, કોઈપણ RGB ત્રિપુટીનો એક અને એક જ હેક્સ કોડ હોય છે, અને ઊલટું.
પ્રશ્ન: જો મેં ૨૫૫ થી વધુ મૂલ્ય દાખલ કર્યું તો શું થશે?
જવાબ: સાધન ભૂલ સંદેશ દર્શાવશે: "Enter RGB as three numbers 0–255, like 79, 70, 229."
પ્રશ્ન: શું મારો ડેટા અપલોડ થાય છે?
જવાબ: ના, બધી પ્રક્રિયા તમારા બ્રાઉઝરમાં થાય છે. કંઈપણ સર્વર પર મોકલવામાં આવતું નથી.