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 मिलियन रंगहरू छोटो नोटेशनमा दिन्छ। HEX CSS, डिजाइन टूल र ब्राण्ड गाइडलाइनहरूमा पूर्वनिर्धारित हुन्छ।

सिन्ट्याक्स:
#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 मिलियन रंगहरू छोटो नोटेशनमा दिन्छ। HEX CSS, डिजाइन टूल र ब्राण्ड गाइडलाइनहरूमा पूर्वनिर्धारित हुन्छ।

हो। इनपुटको छेउको स्व्याप बटनले तिमीलाई HEX बाट RGB मा रूपान्तरण गर्ने उपकरणमा लैजान्छ, जुन बिल्कुलै सोही तरिकाले काम गर्छ। दुवै दिशाले एउटै सूत्र प्रयोग गर्छ, केवल उल्टो रूपमा लागू हुन्छ।

डेभलपर र ब्रान्ड गाईडलाइनहरूलाई दिनु पर्ने फर्म्याट HEX हो: छोटो, गल्ती गर्न गाह्रो र सबै ठाउँमा समर्थित। तर च्यानलहरूसँग गणना गर्नुपर्ने बेला RGBमै रहेर काम गर।