RGB ನಿಮಗೆ 0–255 ರವರೆಗೆ ಮೂರು ದಶಮಲವ ಚಾನೆಲ್‌ಗಳನ್ನು ನೀಡುತ್ತದೆ. ಯಾವಾಗ ಜಾತಿ HEX ಗೆ ಪರಿವರ್ತಿಸುತ್ತೀರೊ ಪ್ರತಿ ಚಾನೆಲ್ ಅನ್ನು ಎರಡು-ಅಂಕಿಯ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಖ್ಯೆಯಾಗಿಡುತ್ತದೆ, ಆದ್ದರಿಂದ ಸಂಪೂರ್ಣ ಬಣ್ಣ ಒಂದು ಸಮಿಗ್ಗಿತ ಟೋಕನಿನಲ್ಲಿ ಸೇರಿಸುತ್ತದೆ, ಎಲ್ಲ ಬ್ರೌಸರ್‌, ವಿನ್ಯಾಸ ಸಾಧನ ಮತ್ತು ಶೈಲಿ ಮಾರ್ಗದರ್ಶಿಗಳು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಬಹುದಾದ.
RGB ರ পৰা HEX ಗೆ ಪರಿವರ್ತನೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ
- ಕೆಂಪು ಚಾನಲ್ ಅನ್ನು 16 ರಿಂದ ಭಾಗಿಸು: ಭಾಗಫಲವು ಮೊದಲ ಅಂಕೆ ಮತ್ತು ಉಳಿದಿದ್ದು ಎರಡನೋ ಅಂಕೆ ಆಗಿದೆ.
- 10 ರಿಂದ 15 ರವರೆಗೆ ಅಂಕೆಗಳನ್ನು Aರಿಂದ F ಅಕ್ಷರಗಳಾಗಿ ಬರೆದಿಡು — 255 ಎನ್ನುತ್ತರೆ FF ಆಗುತ್ತದೆ.
- ಹಸಿರು ಮತ್ತು ನೀಲಿ ಚಾನಲ್ಗಳಿಗೂ ಅದೇ ಪ್ರಕ್ರಿಯೆ ಪುನರಾವರ್ತಿ ಮಾಡು, ಒಂದು ಅಂಕೆ ಇರುವದನ್ನು ಮುಂಭಾಗಕ್ಕೆ ಶೂನ್ಯ ಸೇರಿಸಿ ಪ್ಯಾಡ್ ಮಾಡು: 5 ಆಗಿದ್ದರೆ 05 ಆಗುತ್ತದೆ.
- ಮೂರು ಜೋಡಿಗಳನ್ನು ಜೋಡಿಸಿ ಮುಂಭಾಗಕ್ಕೆ # ಇಡಿ.
ಕಾರ್ಯನಿರ್ವಹಿಸಿರುವ ಉದಾಹರಣೆ
ಚಾನೆಲ್ಗಳು 0 ರಿಂದ 255 ವರೆಗೆ ಸಂಪೂರ್ಣ ಸಂಖ್ಯೆಗಳಾಗಿದ್ದರೆ ನಿಖರ. rgb(79.5, 70, 229)ಂತಹ ಭಾಗಾಂಕಗಳು ಮೊದಲು ಕುಳಿತಿಗೆ (round) nearestintegerಗೆ ರೌಂಡ್ ಮಾಡಲಾಗುತ್ತವೆ, ಏಕೆಂದರೆ HEX ಮಧ್ಯದಲ್ಲೇ ಮೌಲ್ಯಗಳನ್ನು ಅಳವಡಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ.
RGB ಮತ್ತು HEX ವಿವರಿಸಲಾಗಿದೆ
RGB ಏನು?
RGB ಬಣ್ಣವನ್ನು ಮೂರು ಬೆಳಕು ಚಾನೆಲ್‌ಗಳಾಗಿ ವರ್ಣಿಸುತ್ತದೆ — ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ — ಪ್ರತಿಯೊಂದು 0 ರಿಂದ 255 ರವರೆಗೆ. ಇದು ಮೇಲೆಗಳ ಕೆಲಸವನ್ನು ಮಿರರ್ ಮಾಡುತ್ತದೆ: ಎಲ್ಲಾ ಮೂರೂ 255 ಇದ್ದರೆ ಶ್ವೇತ, ಎಲ್ಲವೂ 0 ಇದ್ದರೆ ಕಪ್ಪು. RGB ಸಂಖ್ಯೆಗಳೊಂದಿಗೆ ಗಣನೆ ಮಾಡಬೇಕಾಗಿದ್ರೆ ಇದು ಸರಿಯಾದ ಆಯ್ಕೆಯಾಗಿದೆ, ಮತ್ತು rgba() ಪಾರದರ್ಶಕತೆಯನ್ನು ಸೇರಿಸುತ್ತದೆ.
- ವಿನ್ಯಾಸ:
- rgb(R, G, B)
- ಶ್ರೇಣಿ:
- ಪ್ರತಿಚಾನೆಲ್ 0–255
- ಉತ್ತಮವಾಗಿ ಸರಿ:
- ಕೋಡ್, ಕ್ಯಾನ್ವಾಸ್, rgba() ಮುಖಾಂತರ ಪಾರದರ್ಶಕತೆ
HEX ಏನು?
HEX ಕೋಡ್ ಒಂದು ಆರು-ಅಂಕಿಯ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಸಂಖ್ಯೆ, ಅದು ಕಾಂಪನಿಯ ಮುಂಭಾಗದ #ೊಂದಿಗೆ ಬಣ್ಣದ ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ ಚಾನೆಲ್‌ಗಳನ್ನು ಸಂಗ್ರಹಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಜೋಡಿ ಅಂಕಿಗಳು ಒಂದು ಚಾನೆಲ್ ಅನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ, 00 (ಯಾವುದೂ ಇಲ್ಲ) ರಿಂದ FF (ಪೂರ್ಣ) ವರೆಗೆ, ಇದು RGB ನ 16.7 ಮಿಲಿಯನ್ ಬಣ್ಣಗಳಿಗೆ ಸ್ಪಷ್ಟ, ಸಂಕ್ಷಿಪ್ತ ಸಂಖ್ಯೆಪ್ರಕಾರ ನೀಡುತ್ತದೆ. HEX CSS, ವಿನ್ಯಾಸ ಸಾಧನಗಳು ಮತ್ತು ಬ್ರ್ಯಾಂಡ್ ಮಾರ್ಗಸೂಚಿಗಳುಗಳಲ್ಲಿ ಡೀಫಾಲ್ಟ್ ಆಗಿದೆ.
- ವಿನ್ಯಾಸ:
- #RRGGBB
- ಶ್ರೇಣಿ:
- ಪ್ರತಿಚಾನೆಲ್ 00–FF
- ಉತ್ತಮವಾಗಿ ಸರಿ:
- CSS, ವಿನ್ಯಾಸ ಹ್ಯಾಂಡ್ಓಫ್, ಬ್ರ್ಯಾಂಡ್ ಮಾರ್ಗಸೂಚಿಗಳು
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 |