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 ମୂଲ୍ୟଗୁଡ଼ିକୁ ଭିନ୍ନ ନୋଟେସନ୍ରେ ବର୍ଣ୍ଣନା କରନ୍ତି, ସେହିପାଇଁ କ forward ବା ପଛୁଆ କୌଣସି দିଶରେ କୋଛି ବ୍ୟତିତ ନ ହୁଏ ଓ କ forward ବି ହାରାଯାଉନାହିଁ।
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) |