HEX ನಿಂದ RGB ಗೆ ಪರಿವರ್ತಕ

ಯಾವುದೇ HEX ಬಣ್ಣವನ್ನು RGB ಗೆ — ಕ್ಷಣದಲ್ಲೇ ಮತ್ತು ಉಚಿತವಾಗಿ ಪರಿವರ್ತಿಸು

#FF5733

ಯಾವುದೇ ಬಣ್ಣ ಮೌಲ್ಯವನ್ನು ಅಂಟಿಸಿ — ಫಾರ್ಮ್ಯಾಟ್ ಅನ್ನು ನಾವು ತಾನೂರ್ತಿಯಾಗಿ ಗುರುತಿಸುತ್ತೇವೆ.

RGB ಫಲಿತಾಂಶ
ಕೆಂಪು
255
ಹಸಿರು
87
ನೀಲ
51

ಈ ಬಣ್ಣವು ಎಲ್ಲಾ ಫಾರ್ಮ್ಯಾಟ್‌ಗಳಲ್ಲಿ

CMYK ಪ್ರೊಫೈಲ್: Coated FOGRA39 (ಯುರೋಪ್‌ಗಾಗಿ Photoshop ನ ಡೀಫಾಲ್ಟ್)

HEX ಕೋಡ್ ಮೂರು 8-ಬಿಟ್ ಸಂಖ್ಯೆಗಳನ್ನೊಂದು ಆರು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಅಂಕಿಗಳೊಳಗೆ ಪ್ಯಾಕ್ ಮಾಡುತ್ತದೆ. HEX ಅನ್ನು RGB ಗೆ ಪರಿವರ್ತಿಸುವುದೆಂದರೆ ಆ ಅಂಕಿಗಳನ್ನು ಜೋಡಿಗಳಾಗಿ ವಿಭಜಿಸಿ ಪ್ರತಿ ಜೋಡೆಯನ್ನೋ ಅವರ ದಶಮಲವ ಸಂಖ್ಯೆಯಾಗಿಸಿ 0 ರಿಂದ 255 ರವರೆಗೆ ಓದುವುದು — ಇದು CSS, Figma ಮತ್ತು ಇಮೇಜ್ ಎಡಿಟರ್‌ಗಳು ನಿರೀಕ್ಷಿಸುವ ಹಾಗೆಯೇ ಮೌಲ್ಯಗಳು.

HEX ನಿಂದ RGB ಗೆ ಪರಿವರ್ತನೆ ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ

  1. ಮುಖ್ಯ # ಅನ್ನು ಕಳಿಸಿ ಮತ್ತು ಕೋಡ್ ಮೂರು ಅಂಕಿಗಳಿದ್ದರೆ ಪ್ರತಿಯೊಂದು ಅಂಕಿಯನ್ನು ದ್ವಿಗುಣಗಿಸು: #f53 ಎನ್ನುವುದು #ff5533 ಆಗುತ್ತದೆ.
  2. ಆರು ಅಂಕಿಗಳನ್ನು ಮೂರು ಜೋಡಿಗಳಾಗಿ ವಿಭಜಿಸಿ — RR, GG ಮತ್ತು BB.
  3. ಪ್ರತಿ ಜೋಡಿಯನ್ನು ಬೇಸ್-16 ಸಂಖ್ಯೆಯಾಗಿ ಓದಿ ಮತ್ತು ಅದನ್ನು ಬೇಸ್-10 ಗೆ ಪರಿವರ್ತಿಸಿ: FF ಆಗಿ 255, 57 ಆಗಿ 87, 33 ಆಗಿ 51.
  4. ಮೂವರು ಫಲಿತಾಂಶಗಳನ್ನು rgb(R, G, B) ರೂಪದಲ್ಲಿ ಬರೆಯಿರಿ.

ಕಾರ್ಯನಿರ್ವಹಿಸಿರುವ ಉದಾಹರಣೆ

HEX #FF5733=RGB rgb(255, 87, 51)

ಈ ಪರಿವರ್ತನೆ ನಿಖರವಾಗಿದೆ. 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 ಗೆ ಪರಿವರ್ತಿಸಲ್ಪಟ್ಟಿವೆ.

ಬಣ್ಣHEXRGB
black#000000rgb(0, 0, 0)
white#FFFFFFrgb(255, 255, 255)
red#FF0000rgb(255, 0, 0)
lime#00FF00rgb(0, 255, 0)
blue#0000FFrgb(0, 0, 255)
yellow#FFFF00rgb(255, 255, 0)
orange#FFA500rgb(255, 165, 0)
teal#008080rgb(0, 128, 128)
purple#800080rgb(128, 0, 128)
gray#808080rgb(128, 128, 128)

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

ಮುಖ್ಯ # ಅನ್ನು ಕಳಿಸಿ ಮತ್ತು ಕೋಡ್ ಮೂರು ಅಂಕಿಗಳಿದ್ದರೆ ಪ್ರತಿಯೊಂದು ಅಂಕಿಯನ್ನು ದ್ವಿಗುಣಗಿಸು: #f53 ಎನ್ನುವುದು #ff5533 ಆಗುತ್ತದೆ. ಆರು ಅಂಕಿಗಳನ್ನು ಮೂರು ಜೋಡಿಗಳಾಗಿ ವಿಭಜಿಸಿ — RR, GG ಮತ್ತು BB. ಪ್ರತಿ ಜೋಡಿಯನ್ನು ಬೇಸ್-16 ಸಂಖ್ಯೆಯಾಗಿ ಓದಿ ಮತ್ತು ಅದನ್ನು ಬೇಸ್-10 ಗೆ ಪರಿವರ್ತಿಸಿ: FF ಆಗಿ 255, 57 ಆಗಿ 87, 33 ಆಗಿ 51. ಮೂವರು ಫಲಿತಾಂಶಗಳನ್ನು rgb(R, G, B) ರೂಪದಲ್ಲಿ ಬರೆಯಿರಿ.

ಈ ಪರಿವರ್ತನೆ ನಿಖರವಾಗಿದೆ. HEX ಮತ್ತು RGB ಒಂದೇ sRGB ಮೌಲ್ಯಗಳನ್ನು ವಿಭಿನ್ನ ನೋಟೇಶನ್‌ನಲ್ಲಿ ವರ್ಣಿಸುತ್ತವೆ, ಆದ್ದರಿಂದ ಯಾವುದೇ ದಿಗಂತ ಅಥವಾ ಮಾಹಿತಿ ಉರುಳಿಸುವುದು ಇಲ್ಲ.

RGB ಬಣ್ಣವನ್ನು ಮೂರು ಬೆಳಕು ಚಾನೆಲ್‌ಗಳಾಗಿ ವರ್ಣಿಸುತ್ತದೆ — ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ — ಪ್ರತಿಯೊಂದು 0 ರಿಂದ 255 ರವರೆಗೆ. ಇದು ಮೇಲೆಗಳ ಕೆಲಸವನ್ನು ಮಿರರ್ ಮಾಡುತ್ತದೆ: ಎಲ್ಲಾ ಮೂರೂ 255 ಇದ್ದರೆ ಶ್ವೇತ, ಎಲ್ಲವೂ 0 ಇದ್ದರೆ ಕಪ್ಪು. RGB ಸಂಖ್ಯೆಗಳೊಂದಿಗೆ ಗಣನೆ ಮಾಡಬೇಕಾಗಿದ್ರೆ ಇದು ಸರಿಯಾದ ಆಯ್ಕೆಯಾಗಿದೆ, ಮತ್ತು rgba() ಪಾರದರ್ಶಕತೆಯನ್ನು ಸೇರಿಸುತ್ತದೆ.

ಹೌದು. ಇನ್‌ಪುಟ್ ಬದಿಯಲ್ಲಿ ಇರುವ ಸ್ವಾಪ್ ಬಟನ್‌ ನಿನಗೆ RGB ರಿಂದ HEX_converter ಗೆ ಕರೆದೊಯುತ್ತದೆ, ಅದು ಸಂಪೂರ್ಣ ಅದೇ ರೀತಿಯಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಎರಡೂ ದಿಕ್ಕುಗಳು ಒಂದೇ ಸೂತ್ರವನ್ನು ಬಳಸುತ್ತವೆ, ಕೇವಲ ವಾಪಾಸಾಗಿ ಅನ್ವಯಿಸಲಾಗುತ್ತವೆ.

ಒಂದು ಚಾನೆಲ್ ರಚನೆಯನ್ನು ಅನಿಮೇಟ್ ಮಾಡಬೇಕಾದರೆ, ಕೋಡ್‌ನಲ್ಲಿ ಬಣ್ಣ ಮಿಕ್ಸ್ ಮಾಡಬೇಕಾದರೆ ಅಥವಾ rgba() ಮೂಲಕ ಪಾರದರ್ಶಕತೆಯನ್ನು ಸೇರಿಸಬೇಕಾದರೆ RGB ಅನ್ನು ಬಳಸಿ. ಸ್ತಬ್ಧ CSS ಗಾಗಿ HEX ಸಂಕ್ಷಿಪ್ತ ಮತ್ತು ಓದುಗಿಗೆ ಸುಲಭ ಆಯ್ಕೆಯಾಗಿದೆ.