ImageColorPicker.com

HEX થી RGB રૂપાંતરક

કોઈપણ HEX રંગને RGB માં રૂપાંતર કરો — તરત અને મફતમાં

#FF5733

કોઈ પણ રંગ મૂલ્ય પેસ્ટ કરો — અમે ફોર્મેટ આપમેળે ઓળખીશું.

RGB પરિણામ
લાલ
255
લીલો
87
નીલો
51

આ રંગ દરેક ફોર્મેટમાં

CMYK પ્રોફાઇલ: Coated FOGRA39 (યુરોપ માટે Photoshop નો ડિફોલ્ટ)

HEX કોડ ત્રણ 8-બિટ સંખ્યાઓને છ હેક્સાડેસિમલ અંકોમાં પેક કરે છે. HEX ને RGB માં રૂપાંતરિત કરવાનો અર્થ છે એ અંકોને જોડીમાં વહેંચવા અને દરેક જોડીને 0 થી 255 વચ્ચેની દશાંશ સંખ્યા તરીકે વાંચવી. આ જ એ મૂલ્યો છે જે CSS, Figma અને ઇમેજ એડિટર્સ અપેક્ષે છે.

HEX થી RGB રૂપાંતર કેવી રીતે કામ કરે છે

  1. આગામનો # દૂર કરો અને જો કોડમાં માત્ર ત્રણ અંકો હોય તો દરેકને ડબલ કરો: #f53 બનશે #ff5533.
  2. છ અંકોને ત્રણ જોડીઓમાં વહેંચો — RR, GG અને BB.
  3. પ્રત્યેક જોડીને બેઝ-16 સંખ્યાના રૂપમાં વાંચો અને તેને બેઝ-10 માં રૂપાંતરિત કરો: FF બનશે 255, 57 બનશે 87, 33 બનશે 51.
  4. ત્રણ પરિણામોને rgb(R, G, B) તરીકે લખો.

કાર્યકર ઉદાહરણ

HEX #FF5733=RGB rgb(255, 87, 51)

આ રૂપાંતરણ ચોક્કસ છે. HEX અને RGB એ સમાન sRGB મૂલ્યોને અલગ નોટેશનમાં વર્ણવે છે, તેથી કોઈ રાઉન્ડિંગ કે ડેટા ખોવાઈ નથી.

HEX અને RGB ની સમજ

HEX શું છે?

HEX કોડ એ છ અંકની હેક્સાડેસિમલ સંખ્યા છે, જેની આગળ # હોય છે, અને તે રંગની લાલ, લીલી અને વાદળી ચેનલ સંગ્રહ કરે છે. અંકોની દરેક જોડી એક ચેનલને આવરી લે છે, 00 (કંઈ નહીં) થી FF (પૂર્ણ) સુધી. આ RGB જેવા જ 16.7 મિલિયન રંગો ઘણી ટૂંકી નોટેશનમાં આપે છે. CSS, ડિઝાઇન ટૂલ્સ અને બ્રાન્ડ ગાઇડલાઇન્સમાં HEX ડિફૉલ્ટ છે.

સિન્ટેક્સ:
#RRGGBB
રેણ્ઝ:
દરેક ચેનલ માટે 00–FF
સૌથી યોગ્ય માટે:
CSS, ડિઝાઇન હેન્ડઓફ, બ્રાન્ડ ગાઇડલાઇન્સ

RGB શું છે?

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

સિન્ટેક્સ:
rgb(R, G, B)
રેણ્ઝ:
દરેક ચેનલ માટે 0–255
સૌથી યોગ્ય માટે:
કોડ, કેનવસ, rgba() સાથે ટ્રાન્સપરન્સી

HEX થી RGB સંદર્ભ ટેબલ

સર્વાધિક સામાન્ય CSS રંગો, HEX થી RGB માં રૂપાંતરિત.

રંગHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

વધુ રંગ રૂપાંતરકો

બરાબર પુછાતા પ્રશ્નો

આગામનો # દૂર કરો અને જો કોડમાં માત્ર ત્રણ અંકો હોય તો દરેકને ડબલ કરો: #f53 બનશે #ff5533. છ અંકોને ત્રણ જોડીઓમાં વહેંચો — RR, GG અને BB. પ્રત્યેક જોડીને બેઝ-16 સંખ્યાના રૂપમાં વાંચો અને તેને બેઝ-10 માં રૂપાંતરિત કરો: FF બનશે 255, 57 બનશે 87, 33 બનશે 51. ત્રણ પરિણામોને rgb(R, G, B) તરીકે લખો.

આ રૂપાંતરણ ચોક્કસ છે. HEX અને RGB એ સમાન sRGB મૂલ્યોને અલગ નોટેશનમાં વર્ણવે છે, તેથી કોઈ રાઉન્ડિંગ કે ડેટા ખોવાઈ નથી.

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

હા. ઈનપુટની બાજુનો સ્વેપ બટન તમને RGB થી HEX કન્વર્ટર પર લઈ જાય છે, જે એકદમ સમાન રીતે કામ કરે છે. બંને દિશાઓ માટે તે જ સૂત્ર વપરાય છે, ફક્ત ઉલટા રીતે લાગુ પડતું હોય છે.

જ્યારે તમને સંખ્યાઓ સાથે કામ કરવું હોય — એક ચેનલની એનીમેશન, કોડમાં રંગો મિક્સ કરવા અથવા rgba() સાથે ટ્રાન્સપરન્સી ઉમેરવા માટે — ત્યારે RGB વાપરો. સ્થિર CSS માટે HEX હજી વધુ ટૂંકું અને વાંચવામાં સરળ વિકલ્પ રહેશે.