HEX ಕೋಡ್ ಮೂರು 8-ಬಿಟ್ ಸಂಖ್ಯೆಗಳನ್ನೊಂದು ಆರು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಅಂಕಿಗಳೊಳಗೆ ಪ್ಯಾಕ್ ಮಾಡುತ್ತದೆ. HEX ಅನ್ನು RGB ಗೆ ಪರಿವರ್ತಿಸುವುದೆಂದರೆ ಆ ಅಂಕಿಗಳನ್ನು ಜೋಡಿಗಳಾಗಿ ವಿಭಜಿಸಿ ಪ್ರತಿ ಜೋಡೆಯನ್ನೋ ಅವರ ದಶಮಲವ ಸಂಖ್ಯೆಯಾಗಿಸಿ 0 ರಿಂದ 255 ರವರೆಗೆ ಓದುವುದು — ಇದು CSS, Figma ಮತ್ತು ಇಮೇಜ್ ಎಡಿಟರ್‌ಗಳು ನಿರೀಕ್ಷಿಸುವ ಹಾಗೆಯೇ ಮೌಲ್ಯಗಳು.
HEX ರ পৰা RGB ಗೆ ಪರಿವರ್ತನೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ
- ಮುಖ್ಯ # ಅನ್ನು ಕಳಿಸಿ ಮತ್ತು ಕೋಡ್ ಮೂರು ಅಂಕಿಗಳಿದ್ದರೆ ಪ್ರತಿಯೊಂದು ಅಂಕಿಯನ್ನು ದ್ವಿಗುಣಗಿಸು: #f53 ಎನ್ನುವುದು #ff5533 ಆಗುತ್ತದೆ.
- ಆರು ಅಂಕಿಗಳನ್ನು ಮೂರು ಜೋಡಿಗಳಾಗಿ ವಿಭಜಿಸಿ — RR, GG ಮತ್ತು BB.
- ಪ್ರತಿ ಜೋಡಿಯನ್ನು ಬೇಸ್-16 ಸಂಖ್ಯೆಯಾಗಿ ಓದಿ ಮತ್ತು ಅದನ್ನು ಬೇಸ್-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, ವಿನ್ಯಾಸ ಸಾಧನಗಳು ಮತ್ತು ಬ್ರ್ಯಾಂಡ್ ಮಾರ್ಗಸೂಚಿಗಳುಗಳಲ್ಲಿ ಡೀಫಾಲ್ಟ್ ಆಗಿದೆ.
- ವಿನ್ಯಾಸ:
- #RRGGBB
- ಶ್ರೇಣಿ:
- ಪ್ರತಿಚಾನೆಲ್ 00–FF
- ಉತ್ತಮವಾಗಿ ಸರಿ:
- CSS, ವಿನ್ಯಾಸ ಹ್ಯಾಂಡ್ಓಫ್, ಬ್ರ್ಯಾಂಡ್ ಮಾರ್ಗಸೂಚಿಗಳು
RGB ಏನು?
RGB ಬಣ್ಣವನ್ನು ಮೂರು ಬೆಳಕು ಚಾನೆಲ್ಗಳಾಗಿ ವರ್ಣಿಸುತ್ತದೆ — ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ — ಪ್ರತಿಯೊಂದು 0 ರಿಂದ 255 ರವರೆಗೆ. ಇದು ಮೇಲೆಗಳ ಕೆಲಸವನ್ನು ಮಿರರ್ ಮಾಡುತ್ತದೆ: ಎಲ್ಲಾ ಮೂರೂ 255 ಇದ್ದರೆ ಶ್ವೇತ, ಎಲ್ಲವೂ 0 ಇದ್ದರೆ ಕಪ್ಪು. RGB ಸಂಖ್ಯೆಗಳೊಂದಿಗೆ ಗಣನೆ ಮಾಡಬೇಕಾಗಿದ್ರೆ ಇದು ಸರಿಯಾದ ಆಯ್ಕೆಯಾಗಿದೆ, ಮತ್ತು rgba() ಪಾರದರ್ಶಕತೆಯನ್ನು ಸೇರಿಸುತ್ತದೆ.
- ವಿನ್ಯಾಸ:
- rgb(R, G, B)
- ಶ್ರೇಣಿ:
- ಪ್ರತಿಚಾನೆಲ್ 0–255
- ಉತ್ತಮವಾಗಿ ಸರಿ:
- ಕೋಡ್, ಕ್ಯಾನ್ವಾಸ್, 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) |