HEX કોડ ત્રણ 8-બિટ નંબરોને છ હેક્સાડેસીમલ અંકોમાં પેક કરે છે. HEX ને RGB માં રૂપાંતરિત કરવું એટલે તે અંકોને જોડીમાં વહેંચવી અને દરેક જોડીને ઊંმე 0 થી 255ના દેસીમલ સંખ્યામાં વાંચવી — અને એ જ મૂલ્ય છે જે CSS, Figma અને ઇમેજ એડિટર્સ અપેક્ષે છે.
HEX થી RGB રૂપાંતર કેવી રીતે કામ કરે છે
- આગામનો # દૂર કરો અને જો કોડમાં માત્ર ત્રણ અંકો હોય તો દરેકને ડબલ કરો: #f53 બનશે #ff5533.
- છ અંકોને ત્રણ જોડીઓમાં વહેંચો — RR, GG અને BB.
- પ્રત્યેક જોડીને બેઝ-16 સંખ્યાના રૂપમાં વાંચો અને તેને બેઝ-10 માં રૂપાંતરિત કરો: FF બનશે 255, 57 બનશે 87, 33 બનશે 51.
- ત્રણ પરિણામોને rgb(R, G, B) તરીકે લખો.
કાર્યકર ઉદાહરણ
આ રૂપાંતરણ ચોક્કસ છે. HEX અને RGB એ સમાન sRGB મૂલ્યોને અલગ નોટેશનમાં વર્ણવે છે, તેથી કોઈ રાઉન્ડિંગ કે ડેટા ખોવાઈ નથી.
HEX અને RGB ની સમજ
HEX શું છે?
HEX કોડ એક છ અંકિય હેક્સાડેસીમલ નંબર છે જે આગળના # પાછળ રેડ, ગ્રીન અને બ્લૂ ચેનલને સ્ટોર કરે છે. દરેક જોડી અંકો એક ચેનલ અટકાવે છે, 00 (કોઈ નથી) થી FF (પૂર્ણ) સુધી, જે అదే 16.7 મિલિયન રંગો આપે છે જે RGB આપે છે પણ ઓછા નોટેશનમાં. HEX એ CSS, ડિઝાઇન ટૂલ્સ અને બ્રાન્ડ ગાઇડલાઇન્સમાં ડિફૉલ્ટ છે.
- સિન્ટેક્સ:
- #RRGGBB
- રેણ્ઝ:
- પ્રতি ચેનલ 00–FF
- સૌથી યોગ્ય માટે:
- CSS, ડિઝાઇન હેન્ડઓફ, બ્રાન્ડ ગાઇડલાઇન્સ
RGB શું છે?
RGB રંગને তিন પ્રકાશ ચેનલો તરીકે વર્ણવે છે — red, green અને blue — દરેક 0 થી 255 સુધી. તે સ્ક્રીનો કેવી રીતે કામ કરે છે તેને પ્રતિબિંબિત કરે છે: ત્રણેય 255 પર ગ્રીદું સફેદ આપે છે, બધાં 0 પર કાળો. જ્યારે તમને રંગ સાથે ગણતરી કરવાની જરૂર હોય ત્યારે RGB યોગ્ય પસંદગી છે, અને rgba() ટ્રાન્સપરન્સી ઉમેરે છે.
- સિન્ટેક્સ:
- rgb(R, G, B)
- રેણ્ઝ:
- પ્રತಿ ચેનલ 0–255
- સૌથી યોગ્ય માટે:
- કોડ, કેનવસ, rgba() સાથે ટ્રાન્સપરન્સી
HEX થી RGB સંદર્ભ ટેબલ
સર્વાધિક સામાન્ય CSS રંગો, HEX થી RGB માં રૂપાંતરિત.
| રંગ | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |