RGB ତୁମକୁ 0 ଠାରୁ 255 ପର୍ଯ୍ୟନ୍ତ ତିନୋଟି ଦଶମିକ ଚ୍ୟାନେଲ୍ ଦିଏ। HEX କୁ ପରିବର୍ତ୍ତନ କରିବାରେ ପ୍ରତ୍ୟେକ ଚ୍ୟାନେଲ୍କୁ ଦୁଇ-ଡିଜିଟ୍ ହେକ୍ସାଡେସିମାଲ୍ ନମ୍ବରରେ ପରିଣତ କରାଯାଏ, ଯାହା ପରିମାଣକୁ ଗୋଟିଏ ସଂକୁଚିତ ଟୋକେନ୍ରେ ଫିଟ୍ କରେ ଯାହା ପ୍ରତ୍ୟେକ ବ୍ରାଉଜର୍, ଡିଜାଇନ୍ ଟୁଲ୍ ଏବଂ ଷ୍ଟାଇଲ୍ ଗାଇଡ୍ ଭଲ୍ ସହଯୋଗ କରେ।
RGB କୁ HEX ପରିବର୍ତ୍ତନ କିପରି କାମ କରେ
- ଲାଲ୍ channel ନେଇ 16 ଦ୍ୱାରା ଭାଜନ କର: ଭାଗଫଳ ପ୍ରଥମ ଡିଜିଟ୍, ଅବଶେଷ ଦ୍ୱିତୀୟ ଡିଜିଟ୍ ହେବ।
- 10 ରୁ 15 ପର୍ଯ୍ୟନ୍ତର ଡିଜିଟ୍ଗୁଡ଼ିକୁ A ଠାରୁ F ଭାବେ ଲେଖ — 255 ହେବ FF।
- ଗ୍ରୀନ୍ ଏବଂ ବ୍ଲୁ ପାଇଁ ଏହା ପୁଣି କର, ଏକା ଡିଜିଟ୍ ଥିଲେ ଆଗରେ 0 ପକେଇବା: 5 ହେବ 05।
- ତିନୋଟି ଜୋଡ଼ିକୁ ଯୋଡ଼ି ଆଗରେ # ଲଗା।
କାର୍ଯ୍ୟକ୍ଷମ ଉଦାହରଣ
ସଠିକ୍, ଯଦି ଚ୍ୟାନେଲଗୁଡ଼ିକ 0 to 255 ମଧ୍ୟରେ ପୁରା ସଂଖ୍ୟା ହେବା ସର୍ତ୍ତରେ। ଭାଗାଙ୍କ ମଧ୍ୟରୁ ଯେପରି rgb(79.5, 70, 229) ଭଳି ଦଶମିକ ମୂଲ୍ୟ ଥାଏ ତାହାକୁ ପ୍ରଥମେ ସବୁଠାରୁ ନିକଟମ ପୁରାଙ୍କକୁ ଘଟକାଯିବ, କାରଣ HEX ମଧ୍ୟରେ ମଧ୍ୟର କିଛି ସঞ্চୟ କରିପାରେ ନାହିଁ।
RGB ଓ HEX ବ୍ୟାଖ୍ୟା
RGB କ'ଣ?
RGB ଏକ ରଙ୍ଗକୁ ତିନିଟି ଲାଇଟ୍ ଚ୍ୟାନେଲ୍ ଭାବରେ ବର୍ଣ୍ଣନା କରେ — ଲାଲ, ସବୁଜ ଓ ନୀଳ — ପ୍ରତ୍ୟେକ 0 ଠାରୁ 255 ପର୍ଯ୍ୟନ୍ତ। ଏହା ସ୍କ୍ରିନ୍ କିପରି କାମ କରେ ତାହାକୁ ପ୍ରତିବିମ୍ବିତ କରେ: ତିନିଟିଆ ଭିତରୁ ସମସ୍ତ 255 ହେଲେ ଧଳା, ସମସ୍ତ 0 ହେଲେ କଳା ହୁଏ। RGB ସେତେବେଳେ ଠିକ୍ ଯେଉଁବେଳେ ତୁମେ ରଙ୍ଗ ସହିତ ଗଣିତ କରିବାକୁ ଚାହାଁ, ଏବଂ rgba() ଟ୍ରାନ୍ସପାରେନ୍ସି ଯୋଗ କରେ।
- ସିନ୍ଟାକ୍ସ:
- rgb(R, G, B)
- ରେଞ୍ଜ:
- 0–255 per channel
- ଶ୍ରେଷ୍ଠ ପାଇଁ:
- code, canvas, transparency with rgba()
HEX କ'ଣ?
HEX କୋଡ୍ ହେଉଛି ଏକ ଛଅ-ଅଙ୍କର ହେକ୍ସାଡେସିମାଲ୍ ସଂଖ୍ୟା ଯାହା ଏକ ଆଗର # ସହିତ ରଙ୍ଗର ଲାଲ, ସବୁଜ ଓ ନୀଳ ଚ୍ୟାନେଲ୍ ସଂରକ୍ଷଣ କରେ। ପ୍ରତ୍ୟେକ ଜୋଡ଼ା ଡିଜିଟ୍ ଗୋଟିଏ ଚ୍ୟାନେଲ୍କୁ କଭର୍ କରେ, 00 (କେହି ନାହିଁ) ଠାରୁ FF (ପୂରା) ପର୍ଯ୍ୟନ୍ତ, ଯାହା RGB ର 16.7 ମିଲିଅନ୍ ରଙ୍ଗକୁ ସଂକ୍ଷିପ୍ତ ଭାବରେ ପ୍ରତିନିଧିତ୍ୱ କରେ। HEX CSS, ଡିଜାଇନ୍ ଟୁଲ୍ ଏବଂ brand guidelines ରେ ଡିଫଲ୍ଟ ଅଟକାଉଛି।
- ସିନ୍ଟାକ୍ସ:
- #RRGGBB
- ରେଞ୍ଜ:
- 00–FF per channel
- ଶ୍ରେଷ୍ଠ ପାଇଁ:
- CSS, design handoff, brand guidelines
RGB କୁ HEX ରେଫରେନ୍ସ ଟେବୁଲ୍
ସବୁଠାରୁ ସାଧାରଣ CSS ରଙ୍ଗଗୁଡ଼ିକ, RGB ରୁ HEX କୁ ପରିବର୍ତ୍ତିତ ।
| ରଙ୍ଗ | RGB | HEX |
|---|---|---|
| black | rgb(0, 0, 0) | #000000 |
| white | rgb(255, 255, 255) | #FFFFFF |
| red | rgb(255, 0, 0) | #FF0000 |
| lime | rgb(0, 255, 0) | #00FF00 |
| blue | rgb(0, 0, 255) | #0000FF |
| yellow | rgb(255, 255, 0) | #FFFF00 |
| orange | rgb(255, 165, 0) | #FFA500 |
| teal | rgb(0, 128, 128) | #008080 |
| purple | rgb(128, 0, 128) | #800080 |
| gray | rgb(128, 128, 128) | #808080 |