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

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

#4F46E5

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

R
G
B
HEX પરિણામ

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

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

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

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

  1. લાલ ચેનલ લો અને તેને 16 થી ભાગ કરો: ભાગફળ પ્રથમ અંક છે અને શ્રેષ્ઠશેષ તેમના બીજો અંક.
  2. 10 થી 15 સુધીના અંકોને A થી F તરીકે લખો — 255 બની જાય છે FF.
  3. લીલા અને વાદળી માટે પણ એ જ કરો, એક અંકની સંખ્યાની આગળ શૂન્ય મૂકો: 5 બને છે 05.
  4. ત્રણેય જોડીઓને જોડો અને આગળ # મૂકો.

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

RGB rgb(79, 70, 229)=HEX #4F46E5

સચોટ છે, જ્યાં સુધી ચેનલસ પૂર્ણાંક 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 માં રૂપાંતરિત.

રંગRGBHEX
blackrgb(0, 0, 0)#000000
whitergb(255, 255, 255)#FFFFFF
redrgb(255, 0, 0)#FF0000
limergb(0, 255, 0)#00FF00
bluergb(0, 0, 255)#0000FF
yellowrgb(255, 255, 0)#FFFF00
orangergb(255, 165, 0)#FFA500
tealrgb(0, 128, 128)#008080
purplergb(128, 0, 128)#800080
grayrgb(128, 128, 128)#808080

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

લાલ ચેનલ લો અને તેને 16 થી ભાગ કરો: ભાગફળ પ્રથમ અંક છે અને શ્રેષ્ઠશેષ તેમના બીજો અંક. 10 થી 15 સુધીના અંકોને A થી F તરીકે લખો — 255 બની જાય છે FF. લીલા અને વાદળી માટે પણ એ જ કરો, એક અંકની સંખ્યાની આગળ શૂન્ય મૂકો: 5 બને છે 05. ત્રણેય જોડીઓને જોડો અને આગળ # મૂકો.

સચોટ છે, જ્યાં સુધી ચેનલસ પૂર્ણાંક 0 થી 255 વચ્ચે હોય. rgb(79.5, 70, 229) જેવી તર્કાત્મક મૂલ્યો પહેલા નિકટતમ પૂર્ણાંક પર ગોળવવામાં આવે છે, કેમકે HEX વચ્ચે કંઈ સાચવી શકતું નથી.

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

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

ડેવલપર અને બ્રાન્ડ ગાઇડલાઇન્સ માટે HEX શ્રેષ્ઠ ફોર્મેટ છે: ટૂંકું, ભૂલ થવામાં મુશ્કેલ અને સૌપરિચિત. જ્યારે સુધી તમને ચેનલ્સ સાથે ગણતરી કરવાની જરૂર હોય ત્યારે RGB જ રહેવું.