RGB તમને 0 થી 255 વચ્ચેની ત્રણ દશાંશ ચેનલ આપે છે. HEX માં રૂપાંતર કરવાથી દરેક ચેનલ બે અંકની હેક્સાડેસિમલ સંખ્યામાં બદલાય છે, જેથી આખો રંગ એક સંક્ષિપ્ત ટોકનમાં સમાઈ જાય છે, જે દરેક બ્રાઉઝર, ડિઝાઇન ટૂલ અને સ્ટાઇલ ગાઇડ સમજે છે.
RGB થી HEX રૂપાંતર કેવી રીતે કામ કરે છે
- લાલ ચેનલ લો અને તેને 16 થી ભાગ કરો: ભાગફળ પ્રથમ અંક છે અને શ્રેષ્ઠશેષ તેમના બીજો અંક.
- 10 થી 15 સુધીના અંકોને A થી F તરીકે લખો — 255 બની જાય છે FF.
- લીલા અને વાદળી માટે પણ એ જ કરો, એક અંકની સંખ્યાની આગળ શૂન્ય મૂકો: 5 બને છે 05.
- ત્રણેય જોડીઓને જોડો અને આગળ # મૂકો.
કાર્યકર ઉદાહરણ
સચોટ છે, જ્યાં સુધી ચેનલસ પૂર્ણાંક 0 થી 255 વચ્ચે હોય. rgb(79.5, 70, 229) જેવી તર્કાત્મક મૂલ્યો પહેલા નિકટતમ પૂર્ણાંક પર ગોળવવામાં આવે છે, કેમકે HEX વચ્ચે કંઈ સાચવી શકતું નથી.
RGB અને HEX ની સમજ
RGB શું છે?
RGB રંગને પ્રકાશની ત્રણ ચેનલ તરીકે વર્ણવે છે (લાલ, લીલો અને વાદળી), દરેક 0 થી 255 સુધી. તે સ્ક્રીન ખરેખર કેવી રીતે કામ કરે છે તે દર્શાવે છે: ત્રણેય 255 પર સફેદ આપે છે, બધા 0 પર કાળો. જ્યારે તમારે રંગ સાથે ગણતરી કરવાની જરૂર હોય ત્યારે RGB સાચી પસંદગી છે, અને rgba() ઉપર પારદર્શિતા ઉમેરે છે.
- સિન્ટેક્સ:
- rgb(R, G, B)
- રેણ્ઝ:
- દરેક ચેનલ માટે 0–255
- સૌથી યોગ્ય માટે:
- કોડ, કેનવસ, rgba() સાથે ટ્રાન્સપરન્સી
HEX શું છે?
HEX કોડ એ છ અંકની હેક્સાડેસિમલ સંખ્યા છે, જેની આગળ # હોય છે, અને તે રંગની લાલ, લીલી અને વાદળી ચેનલ સંગ્રહ કરે છે. અંકોની દરેક જોડી એક ચેનલને આવરી લે છે, 00 (કંઈ નહીં) થી FF (પૂર્ણ) સુધી. આ RGB જેવા જ 16.7 મિલિયન રંગો ઘણી ટૂંકી નોટેશનમાં આપે છે. CSS, ડિઝાઇન ટૂલ્સ અને બ્રાન્ડ ગાઇડલાઇન્સમાં HEX ડિફૉલ્ટ છે.
- સિન્ટેક્સ:
- #RRGGBB
- રેણ્ઝ:
- દરેક ચેનલ માટે 00–FF
- સૌથી યોગ્ય માટે:
- CSS, ડિઝાઇન હેન્ડઓફ, બ્રાન્ડ ગાઇડલાઇન્સ
RGB થી HEX સંદર્ભ ટેબલ
સર્વાધિક સામાન્ય CSS રંગો, RGB થી HEX માં રૂપાંતરિત.
| રંગ | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |