ImageColorPicker.com

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

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

#F39C12

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

H
S
L
RGB ಫಲಿತಾಂಶ
ಕೆಂಪು
243
ಹಸಿರು
156
ನೀಲ
18

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

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

HSL ಬಣ್ಣವನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಸ್ನೇಹಪರ ವಿಧಾನ, RGB ಅನ್ನು ವಾಸ್ತವವಾಗಿ ಪರದೆಗಳು, canvas APIs ಮತ್ತು ಚಿತ್ರ ಕೋಡ್ ಬಳಸುತ್ತವೆ. ಈ ಪರಿವರ್ತಕವು ಯಾವುದೇ ಹ್ಯೂ, ಸ್ಯಾಚುರೇಶನ್ ಮತ್ತು ಲೈಟ್‌ನೆಸ್ ತ್ರಿವಳಿಯನ್ನು ನಿಖರವಾದ 0–255 ಚಾನಲ್‌ಗಳಾಗಿ ಬದಲಿಸುತ್ತದೆ.

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

  1. S ಮತ್ತು L ಅನ್ನು ಭಿನ್ನರಾಶಿಗಳಾಗಿ ಪರಿವರ್ತಿಸಿ ಮತ್ತು chroma C = (1 − |2L − 1|) × S ಅನ್ನು ಗಣನೆ ಮಾಡಿ.
  2. ಬಣ್ಣ ಚಕ್ರದಲ್ಲಿ ಅದರ ವಿಭಾಗ ಕಂಡುಹಿಡಿಯಲು hue ಅನ್ನು 60 ರಿಂದ ಭಾಗಿಸಿ ಮತ್ತು ಮಧ್ಯವರ್ತಿಯ ಮೌಲ್ಯ X = C × (1 − |(H/60 mod 2) − 1|) ಅನ್ನು ಲೆಕ್ಕಿಸಿ.
  3. ಆ ವಿಭಾಗಕ್ಕೆ ಅನುಗುಣವಾಗಿ C, X ಮತ್ತು 0 ಅನ್ನು R, G ಮತ್ತು B ಸ್ಥಾನಗಳಿಗೆ ನಿಯೋಜಿಸಿ.
  4. ಎಲ್ಲಾ ಮೂರು ಚಾನೆಲ್‌ಗಳಿಗೆ lightness ಆಫ್‌ಸೆಟ್ L − C/2 ಅನ್ನು ಸೇರಿಸಿ ಮತ್ತು 255 ರಿಂದ ಗುಣಿಸಿ.

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

HSL hsl(37, 90%, 51%)=RGB rgb(243, 156, 18)

ಪೂರ್ಣ ಚಾನಲ್‌ಗಳಿಗೆ ಅಂತಿಮ ರೌಂಡಿಂಗ್ ಮಾಡುವವರೆಗೆ ಫಲಿತಾಂಶ ನಿಖರವಾಗಿರುತ್ತದೆ. ಭಾಗಶಃ ಹ್ಯೂ ಅಥವಾ ಸ್ಯಾಚುರೇಶನ್ ಮೌಲ್ಯಗಳನ್ನು ಬೆಂಬಲಿಸಲಾಗಿದೆ ಮತ್ತು ಅವು ಹತ್ತಿರದ RGB ತ್ರಿವಳಿಯಲ್ಲಿ ಕೊನೆಗೊಳ್ಳುತ್ತವೆ.

HSL ಮತ್ತು RGB ವಿವರಿಸಲಾಗಿದೆ

HSL ಏನು?

HSL ಒಂದು ಬಣ್ಣವನ್ನು ಹ್ಯೂ (ಬಣ್ಣ ಚಕ್ರದಲ್ಲಿ 0–360°), ಸ್ಯಾಚುರೇಶನ್ (ಎಷ್ಟು ಬಣ್ಣಮಯವಾಗಿದೆ, 0–100%) ಮತ್ತು ಲೈಟ್‌ನೆಸ್ (ಎಷ್ಟು ಪ್ರಕಾಶಮಾನವಾಗಿದೆ, 0–100%) ಎಂದು ವಿಭಜಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಭಾಗವೂ ಜನರು ಬಣ್ಣವನ್ನು ವಿವರಿಸುವ ರೀತಿಗೆ ಹೊಂದುವುದರಿಂದ, ಕೈಯಿಂದ ಅಥವಾ ಕೋಡ್‌ನಲ್ಲಿ ಟಿಂಟ್‌ಗಳು, ಷೇಡ್‌ಗಳು ಮತ್ತು ಸ್ಥಿರವಾದ ಪ್ಯಾಲೆಟ್‌ಗಳನ್ನು ರಚಿಸಲು HSL ಅತ್ಯಂತ ಸುಲಭ ಸ್ವರೂಪವಾಗಿದೆ.

ವಿನ್ಯಾಸ:
hsl(H, S%, L%)
ಶ್ರೇಣಿ:
0–360°, 0–100%, 0–100%
ಉತ್ತಮವಾಗಿ ಸರಿ:
ಪ್ಯಾಲೆಟ್‌ಗಳು, ಟಿಂಟ್‌ಗಳು ಮತ್ತು ಷೇಡ್ಗಳು, ಥೀಮಿಂಗ್

RGB ಏನು?

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

ವಿನ್ಯಾಸ:
rgb(R, G, B)
ಶ್ರೇಣಿ:
ಪ್ರತಿಚಾನೆಲ್ 0–255
ಉತ್ತಮವಾಗಿ ಸರಿ:
ಕೋಡ್, ಕ್ಯಾನ್ವಾಸ್, rgba() ಮುಖಾಂತರ ಪಾರದರ್ಶಕತೆ

HSL ನಿಂದ RGB ಗೆ ಉಲ್ಲೇಖ ಕೋಷ್ಟಕ

ಅತಿದೊಡ್ಡ ಸಾಮಾನ್ಯ CSS ಬಣ್ಣಗಳು, HSL ಯಿಂದ RGB ಗೆ ಪರಿವರ್ತಿಸಲ್ಪಟ್ಟಿವೆ.

ಬಣ್ಣHSLRGB
blackhsl(0, 0%, 0%)rgb(0, 0, 0)
whitehsl(0, 0%, 100%)rgb(255, 255, 255)
redhsl(0, 100%, 50%)rgb(255, 0, 0)
limehsl(120, 100%, 50%)rgb(0, 255, 0)
bluehsl(240, 100%, 50%)rgb(0, 0, 255)
yellowhsl(60, 100%, 50%)rgb(255, 255, 0)
orangehsl(39, 100%, 50%)rgb(255, 166, 0)
tealhsl(180, 100%, 25%)rgb(0, 127, 128)
purplehsl(300, 100%, 25%)rgb(128, 0, 127)
grayhsl(0, 0%, 50%)rgb(128, 128, 128)

ಇನ್ನಷ್ಟು ಬಣ್ಣ ಪರಿವರ್ತಕಗಳು

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

S ಮತ್ತು L ಅನ್ನು ಭಿನ್ನರಾಶಿಗಳಾಗಿ ಪರಿವರ್ತಿಸಿ ಮತ್ತು chroma C = (1 − |2L − 1|) × S ಅನ್ನು ಗಣನೆ ಮಾಡಿ. ಬಣ್ಣ ಚಕ್ರದಲ್ಲಿ ಅದರ ವಿಭಾಗ ಕಂಡುಹಿಡಿಯಲು hue ಅನ್ನು 60 ರಿಂದ ಭಾಗಿಸಿ ಮತ್ತು ಮಧ್ಯವರ್ತಿಯ ಮೌಲ್ಯ X = C × (1 − |(H/60 mod 2) − 1|) ಅನ್ನು ಲೆಕ್ಕಿಸಿ. ಆ ವಿಭಾಗಕ್ಕೆ ಅನುಗುಣವಾಗಿ C, X ಮತ್ತು 0 ಅನ್ನು R, G ಮತ್ತು B ಸ್ಥಾನಗಳಿಗೆ ನಿಯೋಜಿಸಿ. ಎಲ್ಲಾ ಮೂರು ಚಾನೆಲ್‌ಗಳಿಗೆ lightness ಆಫ್‌ಸೆಟ್ L − C/2 ಅನ್ನು ಸೇರಿಸಿ ಮತ್ತು 255 ರಿಂದ ಗುಣಿಸಿ.

ಪೂರ್ಣ ಚಾನಲ್‌ಗಳಿಗೆ ಅಂತಿಮ ರೌಂಡಿಂಗ್ ಮಾಡುವವರೆಗೆ ಫಲಿತಾಂಶ ನಿಖರವಾಗಿರುತ್ತದೆ. ಭಾಗಶಃ ಹ್ಯೂ ಅಥವಾ ಸ್ಯಾಚುರೇಶನ್ ಮೌಲ್ಯಗಳನ್ನು ಬೆಂಬಲಿಸಲಾಗಿದೆ ಮತ್ತು ಅವು ಹತ್ತಿರದ RGB ತ್ರಿವಳಿಯಲ್ಲಿ ಕೊನೆಗೊಳ್ಳುತ್ತವೆ.

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

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

ಕೊಡ್‌ನಲ್ಲಿ ಪ್ಯಾಲೆಟ್ ಉತ್ಪಾದಿಸುತ್ತಿದ್ದೀಯಾ? HSL ನಲ್ಲಿ hue ಅನ್ನು ಲೂಪ್ ಮಾಡಿ ಮತ್ತು ಪ್ರತಿ ಹಂತವನ್ನು RGB ಗೆ ಪರಿವರ್ತಿಸಿ — ನಿಮಗೆ ಸಮಾನವಾಗಿ ಎಡವಿದ ಬಣ್ಣಗಳು ಸಿಗುತ್ತವೆ, ಹಸ್ತಚಾಲಿತ RGB ಸಡಿಲಿಕೆ ಇಂತಹ ಸಮತೋಲನ ಕಲ್ಪಿಸಲ್ಲ.