HEX କୋଡ୍ ତିନୋଟି 8-ବିଟ୍ ନମ୍ବରକୁ ଛଅ ହେକ୍ସାଡେସିମାଲ୍ ଡିଜିଟ୍ ମାଧ୍ୟମରେ ପ୍ୟାକ୍ କରିଥାଏ। HEX କୁ RGB ରେ ପରିବର୍ତ୍ତନ କରିବାର ଅର୍ଥ ହେଉଛି ସେଇ ଡିଜିଟ୍ ଗୁଡିକୁ ଜୋଡ଼ାରେ ବିଭକ୍ତ କରି ଏବଂ ପ୍ରତ୍ୟେକ ଜୋଡ଼ାକୁ 0 ଠାରୁ 255 ପର୍ଯ୍ୟନ୍ତ ଦଶମିକ ନମ୍ବର ଭାବେ ପଢ଼ିବା — ସେଇ ସଠିକ୍ ମୂଲ୍ୟ ଯାହା CSS, Figma ଏବଂ ଇମେଜ୍ ଏଡିଟର୍ ଆଶା କରନ୍ତି।
HEX କୁ RGB ପରିବର୍ତ୍ତନ କିପରି କାମ କରେ
- ଆଗର # ହଟାନ୍ତୁ ଏବଂ ଯଦି କୋଡ୍ କେବଳ ତିନି ଡିଜିଟ୍ ଥାଏ ତେବେ ପ୍ରତ୍ୟେକକୁ ଦୁଇଗୁଣ କର: #f53 ହେଲେ #ff5533 ହେବ।
- ଛଅ ଡିଜିଟ୍ କୁ ତିନି ଜୋଡ଼ା RR, GG ଏବଂ BB ଭାବରେ ବିଭକ୍ତ କର।
- ପ୍ରତ୍ୟେକ ଜୋଡ଼ାକୁ base-16 ନମ୍ବର ଭାବରେ ପଢ଼ି base 10 କୁ ପରିବର୍ତ୍ତନ କର: FF ହେଲେ 255, 57 ହେଲେ 87, 33 ହେଲେ 51।
- ତିନୋଟି ଫଳାଫଳକୁ rgb(R, G, B) ଭାବରେ ଲେଖ।
କାର୍ଯ୍ୟକ୍ଷମ ଉଦାହରଣ
ଏହି ରୂପାନ୍ତର ସଠିକ୍। HEX ଏବଂ RGB ଏକା sRGB ମୂଲ୍ୟଗୁଡ଼ିକୁ ଭିନ୍ନ ନୋଟେସନ୍ରେ ବର୍ଣ୍ଣନା କରନ୍ତି, ତେଣୁ କୌଣସି ଦିଗରେ କିଛି ବି ଗୋଲାଇ ହୁଏ ନାହିଁ କିମ୍ବା ହରାଯାଏ ନାହିଁ।
HEX ଓ RGB ବ୍ୟାଖ୍ୟା
HEX କ'ଣ?
HEX କୋଡ୍ ହେଉଛି ଏକ ଛଅ-ଅଙ୍କର ହେକ୍ସାଡେସିମାଲ୍ ସଂଖ୍ୟା ଯାହା ଏକ ଆଗର # ସହିତ ରଙ୍ଗର ଲାଲ, ସବୁଜ ଓ ନୀଳ ଚ୍ୟାନେଲ୍ ସଂରକ୍ଷଣ କରେ। ପ୍ରତ୍ୟେକ ଜୋଡ଼ା ଡିଜିଟ୍ ଗୋଟିଏ ଚ୍ୟାନେଲ୍କୁ କଭର୍ କରେ, 00 (କେହି ନାହିଁ) ଠାରୁ FF (ପୂରା) ପର୍ଯ୍ୟନ୍ତ, ଯାହା RGB ର 16.7 ମିଲିଅନ୍ ରଙ୍ଗକୁ ସଂକ୍ଷିପ୍ତ ଭାବରେ ପ୍ରତିନିଧିତ୍ୱ କରେ। HEX CSS, ଡିଜାଇନ୍ ଟୁଲ୍ ଏବଂ brand guidelines ରେ ଡିଫଲ୍ଟ ଅଟକାଉଛି।
- ସିନ୍ଟାକ୍ସ:
- #RRGGBB
- ରେଞ୍ଜ:
- 00–FF per channel
- ଶ୍ରେଷ୍ଠ ପାଇଁ:
- CSS, design handoff, brand guidelines
RGB କ'ଣ?
RGB ଏକ ରଙ୍ଗକୁ ତିନିଟି ଲାଇଟ୍ ଚ୍ୟାନେଲ୍ ଭାବରେ ବର୍ଣ୍ଣନା କରେ — ଲାଲ, ସବୁଜ ଓ ନୀଳ — ପ୍ରତ୍ୟେକ 0 ଠାରୁ 255 ପର୍ଯ୍ୟନ୍ତ। ଏହା ସ୍କ୍ରିନ୍ କିପରି କାମ କରେ ତାହାକୁ ପ୍ରତିବିମ୍ବିତ କରେ: ତିନିଟିଆ ଭିତରୁ ସମସ୍ତ 255 ହେଲେ ଧଳା, ସମସ୍ତ 0 ହେଲେ କଳା ହୁଏ। RGB ସେତେବେଳେ ଠିକ୍ ଯେଉଁବେଳେ ତୁମେ ରଙ୍ଗ ସହିତ ଗଣିତ କରିବାକୁ ଚାହାଁ, ଏବଂ rgba() ଟ୍ରାନ୍ସପାରେନ୍ସି ଯୋଗ କରେ।
- ସିନ୍ଟାକ୍ସ:
- rgb(R, G, B)
- ରେଞ୍ଜ:
- 0–255 per channel
- ଶ୍ରେଷ୍ଠ ପାଇଁ:
- code, canvas, transparency with rgba()
HEX କୁ RGB ରେଫରେନ୍ସ ଟେବୁଲ୍
ସବୁଠାରୁ ସାଧାରଣ CSS ରଙ୍ଗଗୁଡ଼ିକ, HEX ରୁ RGB କୁ ପରିବର୍ତ୍ତିତ ।
| ରଙ୍ଗ | HEX | RGB |
|---|---|---|
| black | #000000 | rgb(0, 0, 0) |
| white | #FFFFFF | rgb(255, 255, 255) |
| red | #FF0000 | rgb(255, 0, 0) |
| lime | #00FF00 | rgb(0, 255, 0) |
| blue | #0000FF | rgb(0, 0, 255) |
| yellow | #FFFF00 | rgb(255, 255, 0) |
| orange | #FFA500 | rgb(255, 165, 0) |
| teal | #008080 | rgb(0, 128, 128) |
| purple | #800080 | rgb(128, 0, 128) |
| gray | #808080 | rgb(128, 128, 128) |