રંગ પિકર ટૂલ - RGB, Hex, CMYK & HSV રંગ કોડ્સ રૂપાંતરિત કરો

કલર પિકર શું છે?

કલર પિકર રંગ પસંદ કરવા અને તેનું મૂલ્ય વિવિધ રંગ-ફોર્મેટમાં વાંચવા માટેનું સાધન છે. આ સાધન એક જ સમયે રંગને RGB (લાલ, લીલો, વાદળી), હેક્સ, CMYK (સાયન, મેજેન્ટા, પીળો, કાળો) અને HSV (હ્યુ, સેચ્યુરેશન, વેલ્યુ)માં દર્શાવે છે. કોઈપણ એક ફોર્મેટ બદલતાં અન્ય ફોર્મેટ તરત અપડેટ થાય છે.

કલર પિકરનો ઉપયોગ કેવી રીતે કરવો

રંગ પસંદ કરવાની ત્રણ રીતો છે.

હ્યુ અને સેચ્યુરેશન પસંદ કરવા માટે સ્પેક્ટ્રમ બૉક્સમાં ક્યાંય ક્લિક કરો. આડી સ્થિતિ હ્યુ નક્કી કરે છે (કયો રંગ-સમૂહ, જેમ કે લાલ કે વાદળી). ઊભી સ્થિતિ સેચ્યુરેશન નક્કી કરે છે (રંગ કેટલો તેજસ્વી અથવા ફિક્કો દેખાય છે). સ્પેક્ટ્રમની નીચેનો સ્લાઇડર ડાબી બાજુના કાળાથી જમણી બાજુની સંપૂર્ણ તેજસ્વિતા સુધીની બ્રાઇટનેસ નિયંત્રિત કરે છે.

ચોક્કસ મૂલ્યો ટાઇપ કરવાથી પણ કામ થાય છે. હેક્સ ફીલ્ડ #2ECC71 જેવા કોડ સ્વીકારે છે, # સાથે અથવા તેના વિના. RGBનાં દરેક ફીલ્ડ 0 થી 255 સુધીની પૂર્ણ સંખ્યા સ્વીકારે છે. CMYKનાં દરેક ફીલ્ડ 0 થી 100 સુધીની પૂર્ણ સંખ્યા સ્વીકારે છે. મંજૂર શ્રેણીથી વધુ ટાઇપ કરેલું મૂલ્ય મહત્તમ મૂલ્ય સુધી મર્યાદિત કરવામાં આવે છે.

દરેક રંગ-ફોર્મેટની બાજુમાં કૉપી બટન હોય છે. તેના પર ક્લિક કરવાથી તે મૂલ્ય ક્લિપબોર્ડમાં કૉપી થાય છે અને ટૂંકો "કૉપી થયું!" સંદેશ દેખાય છે.

રંગ મોડેલો સમજીએ

RGB

RGB રંગને લાલ, લીલા અને વાદળી પ્રકાશના મિશ્રણ તરીકે વર્ણવે છે; સ્ક્રીન દરેક પિક્સેલ બનાવવા માટે આ જ ત્રણ રંગોનો ઉપયોગ કરે છે. દરેક ચેનલ 0 થી 255 સુધી હોય છે. RGB(255, 0, 0) શુદ્ધ લાલ છે, જ્યારે RGB(0, 0, 0) કાળો છે. બ્રાઉઝર, ઍપ અને વિડિયો સૉફ્ટવેર RGBનો ઉપયોગ કરે છે, કારણ કે તે સ્ક્રીન કેવી રીતે કાર્ય કરે છે તેની સાથે મેળ ખાય છે.

હેક્સ

હેક્સ કોડ RGB રંગને આધાર 16માં લખે છે, આધાર 10માં નહીં. #2ECC71માં અક્ષરોની ત્રણ જોડીઓ છે: લાલ માટે 2E, લીલા માટે CC અને વાદળી માટે 71. દરેક જોડી 00 થી FF સુધી હોય છે. વેબ ડિઝાઇનમાં હેક્સ કોડ સામાન્ય છે, કારણ કે CSS તેમને સીધા સ્વીકારે છે અને તે rgb() કરતાં ટાઇપ કરવામાં ટૂંકા હોય છે. ત્રણ અક્ષરનું સંક્ષિપ્ત સ્વરૂપ પણ છે: #0F0નો અર્થ #00FF00 જેટલો જ છે.

CMYK

CMYKનો ઉપયોગ છાપકામ માટે થાય છે. પ્રિન્ટર સફેદ કાગળ પર સાયન, મેજેન્ટા, પીળી અને કાળી શાહીનાં સ્તરો ચઢાવીને રંગ બનાવે છે, તેથી તે પ્રકાશ ઉમેરવાને બદલે પ્રકાશ ઘટાડીને કાર્ય કરે છે. દરેક ચેનલ 0 થી 100 સુધીની ટકાવારી હોય છે. CMYK(0, 0, 0, 0)માં શાહી બિલકુલ હોતી નથી, તેથી સફેદ કાગળ દેખાય છે. CMYK સ્ક્રીન દર્શાવી શકે તેવા દરેક રંગનું પુનઃઉત્પાદન કરી શકતું નથી; કેટલાક તેજસ્વી સ્ક્રીન રંગો, ખાસ કરીને અમુક વાદળી અને લીલા રંગો, છાપ્યા પછી ફિક્કા દેખાય છે.

HSV

HSV હ્યુ, સેચ્યુરેશન અને વેલ્યુને અલગ અલગ રીતે વર્ણવે છે. હ્યુ રંગ-સમૂહ છે, જે 0°થી 360° સુધીના અંશોમાં આપવામાં આવે છે; તેમાં 0° લાલ, 120° લીલો અને 240° વાદળી છે. સેચ્યુરેશન રંગ કેટલો તેજસ્વી છે તે દર્શાવે છે, 0% (રાખોડી)થી 100% (સંપૂર્ણ રંગીન) સુધી. વેલ્યુ રંગ કેટલો પ્રકાશિત છે તે દર્શાવે છે, 0% (કાળો)થી 100% (સંપૂર્ણ તેજસ્વિતા) સુધી. HSV લોકો સ્વાભાવિક રીતે રંગનું વર્ણન કેવી રીતે કરે છે તેની નજીક છે, તેથી આ સાધનનો સ્પેક્ટ્રમ અને બ્રાઇટનેસ સ્લાઇડર તેના આધારે બનાવવામાં આવ્યા છે.

RGBથી હેક્સનું સૂત્ર

દરેક RGB ચેનલ, જે 0થી 255 સુધીની સંખ્યા છે, તેને બે અંકની હેક્સાડેસિમલ સંખ્યામાં ફેરવવામાં આવે છે; પછી ત્રણ જોડીઓને આગળ # મૂકીને જોડવામાં આવે છે.

$\text{Hex} = \text{\#} + \text{toHex}(R) + \text{toHex}(G) + \text{toHex}(B)$

RGBથી CMYKનું સૂત્ર

પહેલાં દરેક RGB ચેનલને 0 અને 1 વચ્ચેના અપૂર્ણાંકમાં માપાંકિત કરવામાં આવે છે. જે ચેનલ સૌથી મોટી હોય તેના આધારે કાળો (K) નક્કી કરવામાં આવે છે. ત્યારબાદ બાકીની ચેનલો અને K પરથી સાયન, મેજેન્ટા અને પીળો ગણવામાં આવે છે.

$R' = R/255,\quad G' = G/255,\quad B' = B/255$ $K = 1 - \max(R', G', B')$ $C = \frac{1-R'-K}{1-K}\times 100\%,\quad M = \frac{1-G'-K}{1-K}\times 100\%,\quad Y = \frac{1-B'-K}{1-K}\times 100\%$

જ્યારે K 1 જેટલું હોય (રંગ શુદ્ધ કાળો હોય), ત્યારે શૂન્યથી ભાગાકાર ટાળવા માટે C, M અને Yને 0 પર સેટ કરવામાં આવે છે.

RGBથી HSVનું સૂત્ર

પહેલાં RGBને 0 અને 1 વચ્ચેના અપૂર્ણાંકોમાં માપાંકિત કરવામાં આવે છે. ત્રણમાંથી સૌથી મોટાને $C_{max}$, સૌથી નાનાને $C_{min}$ અને બંને વચ્ચેના તફાવતને $\Delta$ ગણો.

$V = C_{max}\times 100\%$ $S = 0 \text{ if } C_{max}=0,\text{ અન્યથા } \frac{\Delta}{C_{max}}\times 100\%$

હ્યુ કઈ ચેનલ સૌથી મોટી છે તેના પર આધાર રાખે છે:

0° & \Delta = 0 \\ 60°\times\left(\dfrac{G'-B'}{\Delta}\bmod 6\right) & C_{max}=R' \\ 60°\times\left(\dfrac{B'-R'}{\Delta}+2\right) & C_{max}=G' \\ 60°\times\left(\dfrac{R'-G'}{\Delta}+4\right) & C_{max}=B' \end{cases}$$ ## ઉદાહરણ સાથે ગણતરી RGB(46, 204, 113)થી શરૂઆત કરીએ, જે લીલા રંગની છટા છે. **હેક્સ:** હેક્સમાં 46 એ `2E`, 204 એ `CC` અને 113 એ `71` છે, તેથી `#2ECC71` મળે છે. **CMYK:** માપાંકિત મૂલ્યો R′ = 0.180, G′ = 0.800, B′ = 0.443 છે. G′ સૌથી મોટું છે, તેથી K = 1 − 0.800 = 0.20, એટલે કાળો રંગ 20% છે. ત્યારબાદ C = (1 − 0.180 − 0.20) / 0.800 × 100 ≈ 77%, M = (1 − 0.800 − 0.20) / 0.800 × 100 = 0% અને Y = (1 − 0.443 − 0.20) / 0.800 × 100 ≈ 45% મળે છે. પરિણામ CMYK(77, 0, 45, 20) છે. **HSV:** $C_{max}$ = 0.800 (લીલો), $C_{min}$ = 0.180, તેથી Δ = 0.620. વેલ્યુ = 80%. સેચ્યુરેશન = 0.620 / 0.800 × 100 ≈ 77%. લીલો સૌથી મોટો હોવાથી, H = 60 × ((B′ − R′) / Δ + 2) = 60 × ((0.443 − 0.180) / 0.620 + 2) ≈ 145°. પરિણામ HSV(145°, 77%, 80%) છે. ## રંગની પસંદગીઓને સુલભ બનાવવી આશરે 1માંથી (2.5 cm) 12 પુરુષો અને લગભગ 1માંથી (2.5 cm) 200 સ્ત્રીઓમાં રંગ દૃષ્ટિની કોઈ ને કોઈ ખામી હોય છે; તેમાં સૌથી સામાન્ય ખામી લાલ અને લીલા રંગ વચ્ચેનો ભેદ ઓળખવાની ઓછી ક્ષમતા છે. અર્થ વ્યક્ત કરવા માટે માત્ર રંગ પર આધાર રાખતી ડિઝાઇન, જેમ કે ચિહ્ન અથવા લેબલ વિના લાલ ભૂલ-સંદેશ, આવા વપરાશકર્તાઓ માટે કામ કરશે નહીં. રંગની સાથે લખાણનું લેબલ, ચિહ્ન અથવા પેટર્ન ઉમેરવાથી આ સમસ્યા દૂર થાય છે. લખાણ અને તેની પૃષ્ઠભૂમિ વચ્ચે પૂરતો કૉન્ટ્રાસ્ટ પણ જરૂરી છે. વેબ કન્ટેન્ટ ઍક્સેસિબિલિટી માર્ગદર્શિકા (WCAG) સામાન્ય લખાણ માટે ઓછામાં ઓછો 4.5:1 અને મોટા લખાણ માટે 3:1નો કૉન્ટ્રાસ્ટ ગુણોત્તર સૂચવે છે. આ માપવા માટે અલગ કૉન્ટ્રાસ્ટ ચેકર જરૂરી છે, કારણ કે આ સાધન પોતે કૉન્ટ્રાસ્ટ ગુણોત્તરની ગણતરી કરતું નથી. ## વારંવાર પૂછાતા પ્રશ્નો **RGB અને CMYK વચ્ચે શું તફાવત છે?** RGB સ્ક્રીન માટે છે અને લાલ, લીલા તથા વાદળી પ્રકાશને ઉમેરીને રંગ બનાવે છે. CMYK છાપકામ માટે છે અને કાગળ પર શાહીનાં સ્તરો ચઢાવીને રંગ બનાવે છે, જે તેના બદલે પ્રકાશ ઘટાડે છે. RGB, CMYK કરતાં વધુ તેજસ્વી રંગો બનાવી શકે છે, કારણ કે શાહી સ્ક્રીનમાંથી નીકળી શકતા રંગોની શ્રેણી સાથે મેળ ખાઈ શકતી નથી. **છાપેલા રંગો સ્ક્રીનથી અલગ કેમ દેખાય છે?** સ્ક્રીન સીધો પ્રકાશ ઉત્સર્જિત કરે છે; છાપેલું પાનું તેના પર પડતા પ્રકાશને માત્ર પરાવર્તિત કરે છે. CMYK શાહીની રંગ-શ્રેણી પણ RGB પ્રકાશ કરતાં નાની હોય છે, તેથી કેટલાક તેજસ્વી સ્ક્રીન રંગો કાગળ પર બરાબર પુનઃઉત્પાદિત કરી શકાતા નથી. **હેક્સ કોડમાં # ચિહ્નનો અર્થ શું છે?** તે પછી આવતા અક્ષરોને હેક્સાડેસિમલ રંગ કોડ તરીકે ઓળખાવે છે; આ પ્રારંભિક HTML અને CSS સમયથી ચાલતી પરંપરા છે. તેના વિના બ્રાઉઝર આ મૂલ્યને રંગ તરીકે ઓળખશે નહીં. **કેટલાક હેક્સ કોડમાં માત્ર ત્રણ અક્ષરો કેમ હોય છે?** ત્રણ અક્ષરનો કોડ છ અક્ષરના કોડનું સંક્ષિપ્ત સ્વરૂપ છે, જેમાં દરેક જોડીનો એક જ અંક પુનરાવર્તિત થાય છે. `#0F0`નું વિસ્તૃત સ્વરૂપ `#00FF00` છે. **ફોર્મેટ વચ્ચેના રૂપાંતરણો ચોક્કસ હોય છે?** RGBથી હેક્સનું રૂપાંતરણ ચોક્કસ છે, કારણ કે તે અલગ આધાર પદ્ધતિમાં લખાયેલી એ જ સંખ્યાઓ છે. RGBથી CMYKનું રૂપાંતરણ અંદાજિત છે, કારણ કે તેમાં પ્રકાશ અને શાહી વચ્ચે રૂપાંતરણ થાય છે; આ બંને અલગ ભૌતિક પ્રક્રિયાઓ છે અને તેમની રંગ-શ્રેણીઓ પણ અલગ છે. **શું આ સાધન છબી અથવા વેબપેજમાંથી સીધો રંગ પસંદ કરી શકે છે?** ના. બ્રાઉઝર એક્સ્ટેન્શન અથવા ઑપરેટિંગ સિસ્ટમમાં બનેલું કલર પિકર (જેમ કે macOSમાં Digital Color Meter) સ્ક્રીન પરથી રંગ વાંચી શકે છે; ત્યારબાદ મળેલું મૂલ્ય રૂપાંતરણ માટે આ સાધનમાં ટાઇપ કરી શકાય છે.