RGB ତୁମକୁ 0 ଠାରୁ 255 ପର୍ଯ୍ୟନ୍ତ ତିନୋଟି ଦଶମିକ ଚ୍ୟାନେଲ୍ ଦିଏ। HEX କୁ ପରିବର୍ତ୍ତନ କରିବାରେ ପ୍ରତ୍ୟେକ ଚ୍ୟାନେଲ୍କୁ ଦୁଇ-ଡିଜିଟ୍ ହେକ୍ସାଡେସିମାଲ୍ ନମ୍ବରରେ ପରିଣତ କରାଯାଏ, ଯାହା ପରିମାଣକୁ ଗୋଟିଏ ସଂକୁଚିତ ଟୋକେନ୍ରେ ଫିଟ୍ କରେ ଯାହା ପ୍ରତ୍ୟେକ ବ୍ରାଉଜର୍, ଡିଜାଇନ୍ ଟୁଲ୍ ଏବଂ ଷ୍ଟାଇଲ୍ ଗାଇଡ୍ ଭଲ୍ ସହଯୋଗ କରେ।
RGB କୁ HEX ପରିବର୍ତ୍ତନ କିପରି କାମ କରେ
- ଲାଲ୍ channel ନେଇ 16 ଦ୍ୱାରା ଭାଜନ କର: ଭାଗଫଳ ପ୍ରଥମ ଡିଜିଟ୍, ଅବଶେଷ ଦ୍ୱିତୀୟ ଡିଜିଟ୍ ହେବ।
- 10 ରୁ 15 ପର୍ଯ୍ୟନ୍ତର ଡିଜିଟ୍ଗୁଡ଼ିକୁ A ଠାରୁ F ଭାବେ ଲେଖ — 255 ହେବ FF।
- ଗ୍ରୀନ୍ ଏବଂ ବ୍ଲୁ ପାଇଁ ଏହା ପୁଣି କର, ଏକା ଡିଜିଟ୍ ଥିଲେ ଆଗରେ 0 ପକେଇବା: 5 ହେବ 05।
- ତିନୋଟି ଜୋଡ଼ିକୁ ଯୋଡ଼ି ଆଗରେ # ଲଗା।
କାର୍ଯ୍ୟକ୍ଷମ ଉଦାହରଣ
ସଠିକ୍, ଯଦି ଚ୍ୟାନେଲଗୁଡ଼ିକ 0 ରୁ 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 |