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 રંગને তিন પ્રકાશ ચેનલો તરીકે વર્ણવે છે — red, green અને blue — દરેક 0 થી 255 સુધી. તે સ્ક્રીનો કેવી રીતે કામ કરે છે તેને પ્રતિબિંબિત કરે છે: ત્રણેય 255 પર ગ્રીદું સફેદ આપે છે, બધાં 0 પર કાળો. જ્યારે તમને રંગ સાથે ગણતરી કરવાની જરૂર હોય ત્યારે RGB યોગ્ય પસંદગી છે, અને rgba() ટ્રાન્સપરન્સી ઉમેરે છે.
- સિન્ટેક્સ:
- rgb(R, G, B)
- રેણ્ઝ:
- પ્રತಿ ચેનલ 0–255
- સૌથી યોગ્ય માટે:
- કોડ, કેનવસ, rgba() સાથે ટ્રાન્સપરન્સી
HEX શું છે?
HEX કોડ એક છ અંકિય હેક્સાડેસીમલ નંબર છે જે આગળના # પાછળ રેડ, ગ્રીન અને બ્લૂ ચેનલને સ્ટોર કરે છે. દરેક જોડી અંકો એક ચેનલ અટકાવે છે, 00 (કોઈ નથી) થી FF (પૂર્ણ) સુધી, જે అదే 16.7 મિલિયન રંગો આપે છે જે RGB આપે છે પણ ઓછા નોટેશનમાં. HEX એ CSS, ડિઝાઇન ટૂલ્સ અને બ્રાન્ડ ગાઇડલાઇન્સમાં ડિફૉલ્ટ છે.
- સિન્ટેક્સ:
- #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 |