HEX ನಿಂದ HSL ಪರಿವರ್ತಕ

ನೀವು ಟೈಪ್ ಮಾಡುತ್ತಿದ್ದಂತೆ HEX ಅನ್ನು HSL ಗೆ ಪರಿವರ್ತಿಸಿ — ಉಚಿತವಾಗಿ, ತ್ವರಿತವಾಗಿ, ಉದಾಹರಣೆ ಮತ್ತು ಸಾಮಾನ್ಯ ಬಣ್ಣಗಳ ಚಾರ್ಟ್‌ನೊಂದಿಗೆ.

ಪರಿಹರಿಸಿದ ಉದಾಹರಣೆ

HEX #ff5733 = HSL 11, 100%, 60%

ಪರಿವರ್ತನೆ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ

  • HEX ಕೋಡ್ ಎನ್ನುವುದು ಬೇಸ್-16 ರಲ್ಲಿ ಬರೆಯಲಾದ ಅದೇ ಮೂರು RGB ಚಾನಲ್‌ಗಳಾಗಿವೆ: ಪ್ರತಿ ಚಾನಲ್‌ಗೆ ಎರಡು ಅಂಕೆಗಳು, 00 (0) ರಿಂದ ff (255) ವರೆಗೆ.
  • HSL ಅದೇ ಬಣ್ಣವನ್ನು ಹ್ಯೂ (ಬಣ್ಣದ ಚಕ್ರದಲ್ಲಿ 0–360°), ಸ್ಯಾಚುರೇಶನ್ ಮತ್ತು ಲೈಟ್‌ನೆಸ್ ಮೂಲಕ ವಿವರಿಸುತ್ತದೆ — ಕೇವಲ ಒಂದು ಘಟಕವನ್ನು ಬದಲಾಯಿಸುವ ಮೂಲಕ ಬಣ್ಣವನ್ನು ಗಾಢವಾಗಿಸಲು ಅಥವಾ ಡಿಸ್ಯಾಚುರೇಟ್ ಮಾಡಲು ಇದು ಸೂಕ್ತವಾಗಿದೆ.

HEX ಮತ್ತು HSL ನಲ್ಲಿನ ಸಾಮಾನ್ಯ ಬಣ್ಣಗಳು

ಬಣ್ಣHEXHSL
ಕೆಂಪು#ff00000, 100%, 50%
ಕಿತ್ತಳೆ#ffa50039, 100%, 50%
ಹಳದಿ#ffff0060, 100%, 50%
ಹಸಿರು#008000120, 100%, 25%
ಸಯಾನ್#00ffff180, 100%, 50%
ನೀಲಿ#0000ff240, 100%, 50%
ನೇರಳೆ#800080300, 100%, 25%
ಗುಲಾಬಿ#ffc0cb350, 100%, 88%
ಕಂದು#a52a2a0, 59%, 41%
ಬಿಳಿ#ffffff0, 0%, 100%
ಬೂದು#8080800, 0%, 50%
ಕಪ್ಪು#0000000, 0%, 0%

ಪ್ರತಿಯೊಂದು ಪರಿವರ್ತನೆಯೂ ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲೇ ರನ್ ಆಗುತ್ತದೆ. ನೀವು ನಮೂದಿಸುವ ಯಾವುದೇ ಮಾಹಿತಿಯನ್ನು BroBroGo ಗೆ ಅಪ್‌ಲೋಡ್ ಮಾಡಲಾಗುವುದಿಲ್ಲ.

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

HEX ಅನ್ನು HSL ಗೆ ಪರಿವರ್ತಿಸುವುದು ಹೇಗೆ?

ಮೇಲೆ ನಿಮ್ಮ HEX ಮೌಲ್ಯವನ್ನು ಟೈಪ್ ಮಾಡಿ ಅಥವಾ ಪೇಸ್ಟ್ ಮಾಡಿ — ನೀವು ಟೈಪ್ ಮಾಡುತ್ತಿದ್ದಂತೆ HSL ಮೌಲ್ಯವು ನವೀಕರಣಗೊಳ್ಳುತ್ತದೆ. ನೀವು ಬಣ್ಣದ ಮಾದರಿಯಿಂದ ದೃಶ್ಯವಾಗಿಯೂ ಬಣ್ಣವನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು.

ಪರಿವರ್ತನೆಯು ನಿಖರವಾಗಿದೆಯೇ?

ಮೌಲ್ಯಗಳನ್ನು ಪೂರ್ಣ ಸಂಖ್ಯೆಗಳಿಗೆ ಪೂರ್ಣಗೊಳಿಸಲಾಗುತ್ತದೆ, ಇದು CSS ಮತ್ತು ವಿನ್ಯಾಸ ಪರಿಕರಗಳು ನಿರೀಕ್ಷಿಸುವ ರೂಪವಾಗಿದೆ. ವ್ಯತ್ಯಾಸವು ಕಣ್ಣಿಗೆ ಕಾಣಿಸದಷ್ಟು ಅತ್ಯಲ್ಪವಾಗಿರುತ್ತದೆ.

HEX ನಿಂದ HSL ಗೆ ಪರಿವರ್ತನೆ: ಬಣ್ಣದ ಕೋಡ್ ಅನ್ನು ಮಾನವ ಓದುವ ಸ್ವರೂಪಕ್ಕೆ ಬದಲಾಯಿಸುವುದು

ವೆಬ್ ಡೆವಲಪರ್ಗಳು ಮತ್ತು UI ವಿನ್ಯಾಸಕರು ದಿನನಿತ್ಯ HEX ಬಣ್ಣದ ಕೋಡ್ಗಳನ್ನು HSL (Hue, Saturation, Lightness) ಮೌಲ್ಯಗಳಾಗಿ ಪರಿವರ್ತಿಸಬೇಕಾಗುತ್ತದೆ. ಈ ಪುಟವು ಆರು-ಅಂಕಿಯ ಸಂಪೂರ್ಣ HEX ಕೋಡ್ (#1E90FF ನಂತಹ) ಅಥವಾ ಮೂರು-ಅಂಕಿಯ ಷಾರ್ಥ್ಯಾಂಡ್ (#abc ನಂತಹ) ಸ್ವೀಕರಿಸಿ, ತಕ್ಷಣವೇ ಸಮಾನವಾದ HSL ಮೌಲ್ಯವನ್ನು ನೀಡುತ್ತದೆ - ಹ್ಯೂ ಅನ್ನು ಡಿಗ್ರಿಗಳಲ್ಲಿ (0–360), ಸ್ಯಾಚುರೇಶನ್ ಮತ್ತು ಲೈಟ್ನೆಸ್ ಅನ್ನು ಶೇಕಡಾವಾರುಗಳಲ್ಲಿ. HSL ಪ್ರಾತಿನಿಧ್ಯವು ಮಾನವ ತರ್ಕಕ್ಕಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ, ಇದರಿಂದ ಒಂದೇ ಹ್ಯೂ ಅನ್ನು ಇಟ್ಟುಕೊಂಡು ಲೈಟ್ನೆಸ್ ಅಥವಾ ಸ್ಯಾಚುರೇಶನ್ ಅನ್ನು ಸರಿಹೊಂದಿಸುವುದು ಸರಳವಾಗುತ್ತದೆ. ಅದೇ ಸಮಯದಲ್ಲಿ, ಪುಟವು ಬಣ್ಣವನ್ನು ಎಲ್ಲಾ ಇತರ ಬೆಂಬಲಿತ ಫಾರ್ಮ್ಯಾಟ್ಗಳಲ್ಲಿ (RGB, HSV, CMYK, LAB) ಪ್ರದರ್ಶಿಸುತ್ತದೆ, ಆದ್ದರಿಂದ ನಿಮಗೆ ಅಗತ್ಯವಿರುವ ಯಾವುದನ್ನಾದರೂ ನಕಲಿಸಬಹುದು.

HEX ಮತ್ತು HSL ನಡುವಿನ ಮೂಲಭೂತ ವ್ಯತ್ಯಾಸ

HEX ಎಂಬುದು ಕಚ್ಚಾ RGB ಸಂಕೇತವಾಗಿದೆ - ಆರು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಅಂಕಿಗಳು (ಅಥವಾ ಮೂರು-ಅಂಕಿಯ ಷಾರ್ಥ್ಯಾಂಡ್) ನೇರವಾಗಿ ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ ಮೌಲ್ಯಗಳನ್ನು ಎನ್ಕೋಡ್ ಮಾಡುತ್ತವೆ. ಇದು CSS ಮತ್ತು ವಿನ್ಯಾಸ ಉಪಕರಣಗಳಲ್ಲಿ ಕಾಂಪ್ಯಾಕ್ಟ್ ಮತ್ತು ವ್ಯಾಪಕವಾಗಿ ಬಳಸಲ್ಪಟ್ಟಿದೆ, ಆದರೆ ಮಾನವನಿಗೆ ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಸುಲಭವಲ್ಲ. ಉದಾಹರಣೆಗೆ, #4f46e5 ಎಂಬುದು ನೀಲಿ-ನೇರಳೆ ಬಣ್ಣವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ ಎಂದು ತಿಳಿಯಲು ನೀವು ಮಾನಸಿಕವಾಗಿ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಅನ್ನು ಡಿಕೋಡ್ ಮಾಡಬೇಕಾಗುತ್ತದೆ.

HSL ಅನ್ನು ಮಾನವ ತರ್ಕಕ್ಕಾಗಿ ನಿರ್ಮಿಸಲಾಗಿದೆ - ಹ್ಯೂ ಅನ್ನು ಬಣ್ಣದ ಚಕ್ರದ ಮೇಲೆ ಡಿಗ್ರಿಗಳಲ್ಲಿ ಅಳೆಯಲಾಗುತ್ತದೆ (0 ಡಿಗ್ರಿ ಕೆಂಪು, 120 ಡಿಗ್ರಿ ಹಸಿರು, 240 ಡಿಗ್ರಿ ನೀಲಿ), ಸ್ಯಾಚುರೇಶನ್ ಬಣ್ಣದ ತೀವ್ರತೆಯನ್ನು ಶೇಕಡಾವಾರುಗಳಲ್ಲಿ ಸೂಚಿಸುತ್ತದೆ, ಮತ್ತು ಲೈಟ್ನೆಸ್ ಕಪ್ಪಿನಿಂದ ಬಿಳಿಯವರೆಗಿನ ಹೊಳಪನ್ನು ತೋರಿಸುತ್ತದೆ. ಒಂದೇ ಹ್ಯೂ ಅನ್ನು ಇಟ್ಟುಕೊಂಡು ಲೈಟ್ನೆಸ್ ಅನ್ನು ಮಾತ್ರ ಬದಲಾಯಿಸುವುದು ಸಾಧ್ಯ, ಇದು ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ಗಳು ಮತ್ತು ಥೀಮ್ ವ್ಯವಸ್ಥೆಗಳನ್ನು ರಚಿಸಲು HSL ಅನ್ನು ಆದರ್ಶ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡುತ್ತದೆ.

ಪ್ರಮುಖ ಅಂಶ: ಆಲ್ಫಾ ಚಾನೆಲ್ ಇಲ್ಲ. ಪ್ರಮಾಣಿತ HEX (ಆರು-ಅಂಕಿಯ ಅಥವಾ ಮೂರು-ಅಂಕಿಯ) ಯಾವುದೇ ಪಾರದರ್ಶಕತೆ ಮಾಹಿತಿಯನ್ನು ಒಯ್ಯುವುದಿಲ್ಲ, ಮತ್ತು HSL ಸಹ ಆಲ್ಫಾ ಘಟಕವನ್ನು ಒಳಗೊಂಡಿಲ್ಲ. ಪರಿವರ್ತನೆಯು ಯಾವಾಗಲೂ ಸಂಪೂರ್ಣ ಅಪಾರದರ್ಶಕ ಬಣ್ಣಗಳೊಂದಿಗೆ ವ್ಯವಹರಿಸುತ್ತದೆ.

ಇನ್ಪುಟ್ಗಳು ಮತ್ತು ಔಟ್ಪುಟ್ಗಳು: ಕಾರ್ಯನಿರ್ವಹಣೆಯ ವಿವರ

ಇನ್ಪುಟ್ - ಹೆಕ್ಸ್ ಬಣ್ಣದ ಕೋಡ್, ಆರು ಅಂಕಿಗಳು (ಉದಾ., #4f46e5) ಅಥವಾ ಮೂರು-ಅಂಕಿಯ ಷಾರ್ಥ್ಯಾಂಡ್ (ಉದಾ., #abc). ಮುಂಭಾಗದ # ಚಿಹ್ನೆಯನ್ನು ಸೇರಿಸಬಹುದು ಅಥವಾ ಬಿಡಬಹುದು.

ಔಟ್ಪುಟ್ - HSL ಸಮಾನ (ಹ್ಯೂ 0–360, ಸ್ಯಾಚುರೇಶನ್ 0–100%, ಲೈಟ್ನೆಸ್ 0–100%) ಜೊತೆಗೆ HEX, RGB, HSV, CMYK, ಮತ್ತು LAB ಫಾರ್ಮ್ಯಾಟ್ಗಳಲ್ಲಿ ಬಣ್ಣದ ಪ್ರಾತಿನಿಧ್ಯ. ನೀವು ಇನ್ಪುಟ್ ಅನ್ನು ಸಂಪಾದಿಸಿದಂತೆ ಎಲ್ಲಾ ಕ್ಷೇತ್ರಗಳು ಏಕಕಾಲದಲ್ಲಿ ನವೀಕರಣಗೊಳ್ಳುತ್ತವೆ.

ನಿಯಮಗಳು ಮತ್ತು ಎಡ್ಜ್ ಕೇಸ್ಗಳು:

  • ಪುಟವು ಮಾನ್ಯವಾದ ಆರು-ಅಂಕಿಯ ಅಥವಾ ಮೂರು-ಅಂಕಿಯ ಹೆಕ್ಸ್ ಕೋಡ್ಗಳನ್ನು ಮಾತ್ರ ಸ್ವೀಕರಿಸುತ್ತದೆ (# ನೊಂದಿಗೆ ಅಥವಾ ಇಲ್ಲದೆ).
  • ಅಮಾನ್ಯ ಮೌಲ್ಯವನ್ನು ನಮೂದಿಸಿದರೆ, ದೋಷ ಸಂದೇಶ ಕಾಣಿಸುತ್ತದೆ: “Enter a hex color like #4f46e5 or #abc.”
  • ನೀವು ಮತ್ತೊಂದು ಬಣ್ಣದ ಸ್ಪೇಸ್ಗೆ (ಉದಾ., LAB ಅಥವಾ CMYK) ಬದಲಾಯಿಸಿ ಮತ್ತು ಗೋಚರ RGB ಗ್ಯಾಮಟ್ನ ಹೊರಗಿನ ಮೌಲ್ಯವನ್ನು ನಮೂದಿಸಿದರೆ, ಬಣ್ಣವನ್ನು ಹತ್ತಿರದ ಪ್ರದರ್ಶಿಸಬಲ್ಲ ಬಣ್ಣಕ್ಕೆ ಸರಿಹೊಂದಿಸಲಾಗುತ್ತದೆ; ಆ ಬಣ್ಣವನ್ನು ಹಿಂತಿರುಗಿ ಹೆಕ್ಸ್ಗೆ ಪರಿವರ್ತಿಸಿದಾಗ ಸ್ವಲ್ಪ ಬದಲಾವಣೆ ಉಂಟಾಗಬಹುದು.
  • CMYK ಮೌಲ್ಯಗಳು ಪರದೆಯ ಮೇಲಿನ ಅಂದಾಜು ಮಾತ್ರ ಮತ್ತು ವೃತ್ತಿಪರ ಮುದ್ರಣಕ್ಕೆ ಮಾಪನಾಂಕ ನಿರ್ಣಯವಿಲ್ಲದೆ ಬಳಸಬಾರದು.
  • ಎಲ್ಲಾ ಪರಿವರ್ತನೆಗಳು ನಿಮ್ಮ ಬ್ರೌಸರ್ ಒಳಗೆ ನಡೆಯುತ್ತವೆ - ನೀವು ಟೈಪ್ ಮಾಡಿದ ಯಾವುದನ್ನೂ ಅಪ್ಲೋಡ್ ಅಥವಾ ಸಂಗ್ರಹಿಸಲಾಗುವುದಿಲ್ಲ.

RGB ಮತ್ತು HSL ನಡುವಿನ ಗಣಿತ ಸಂಬಂಧ

HEX ನಿಂದ HSL ಗೆ ಪರಿವರ್ತನೆಯು ಮಧ್ಯಂತರ RGB ಮೌಲ್ಯಗಳ ಮೂಲಕ ನಡೆಯುತ್ತದೆ. ಮೊದಲು, HEX ಅನ್ನು RGB ಗೆ ಪರಿವರ್ತಿಸಲಾಗುತ್ತದೆ (ಪ್ರತಿ ಜೋಡಿ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಅಂಕಿಗಳನ್ನು 0–255 ವ್ಯಾಪ್ತಿಯ ದಶಮಾಂಶ ಸಂಖ್ಯೆಗೆ ಪರಿವರ್ತಿಸುವ ಮೂಲಕ). ನಂತರ, RGB ಅನ್ನು HSL ಗೆ ಪರಿವರ್ತಿಸಲು ಈ ಹಂತಗಳನ್ನು ಬಳಸಲಾಗುತ್ತದೆ:

  1. RGB ಮೌಲ್ಯಗಳನ್ನು (R, G, B) 0–1 ವ್ಯಾಪ್ತಿಗೆ ಸಾಮಾನ್ಯೀಕರಿಸಿ.
  2. ಗರಿಷ್ಠ ಮತ್ತು ಕನಿಷ್ಠ ಮೌಲ್ಯಗಳನ್ನು ಕಂಡುಹಿಡಿಯಿರಿ: max = max(R, G, B), min = min(R, G, B).
  3. ಲೈಟ್ನೆಸ್ ಅನ್ನು ಲೆಕ್ಕಹಾಕಿ: L = (max + min) / 2.
  4. ಸ್ಯಾಚುರೇಶನ್ ಲೆಕ್ಕಾಚಾರ:
    • max = min ಆಗಿದ್ದರೆ (ಬೂದು), S = 0.
    • ಇಲ್ಲದಿದ್ದರೆ, L <= 0.5 ಆಗಿದ್ದರೆ S = (max - min) / (max + min), ಇಲ್ಲದಿದ್ದರೆ S = (max - min) / (2 - max - min).
  5. ಹ್ಯೂ ಲೆಕ್ಕಾಚಾರ:
    • max = min ಆಗಿದ್ದರೆ, H = 0.
    • max = R ಆಗಿದ್ದರೆ, H = (G - B) / (max - min), ನಂತರ H ಅನ್ನು 60 ಡಿಗ್ರಿಗಳಿಂದ ಗುಣಿಸಿ.
    • max = G ಆಗಿದ್ದರೆ, H = 2 + (B - R) / (max - min), ನಂತರ 60 ಡಿಗ್ರಿಗಳಿಂದ ಗುಣಿಸಿ.
    • max = B ಆಗಿದ್ದರೆ, H = 4 + (R - G) / (max - min), ನಂತರ 60 ಡಿಗ್ರಿಗಳಿಂದ ಗುಣಿಸಿ.
  6. H ಋಣಾತ್ಮಕವಾಗಿದ್ದರೆ, ಅದಕ್ಕೆ 360 ಸೇರಿಸಿ.

ಈ ಗಣಿತವು HEX #4f46e5 ಅನ್ನು HSL (242°, 76%, 57%) ಗೆ ಪರಿವರ್ತಿಸುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸುತ್ತದೆ.

HSL ನ ಪ್ರಾಯೋಗಿಕ ಅನುಕೂಲಗಳು

HEX ಗೆ ಹೋಲಿಸಿದರೆ HSL ಅನ್ನು ಬಳಸುವುದರಿಂದ ಹಲವು ಪ್ರಾಯೋಗಿಕ ಪ್ರಯೋಜನಗಳಿವೆ:

ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ ರಚನೆ: HSL ನಲ್ಲಿ, ನೀವು ಒಂದು ಮೂಲ ಬಣ್ಣವನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು ಮತ್ತು ನಂತರ ಸ್ಯಾಚುರೇಶನ್ ಮತ್ತು ಲೈಟ್ನೆಸ್ ಅನ್ನು ಮಾತ್ರ ಬದಲಾಯಿಸುವ ಮೂಲಕ ಸಂಪೂರ್ಣ ಪ್ಯಾಲೆಟ್ ರಚಿಸಬಹುದು. ಉದಾಹರಣೆಗೆ, ನೀಲಿ ಬಣ್ಣಕ್ಕಾಗಿ, ನೀವು ಹ್ಯೂ 210 ಅನ್ನು ಸ್ಥಿರವಾಗಿರಿಸಬಹುದು ಮತ್ತು ಲೈಟ್ನೆಸ್ ಅನ್ನು 30% (ಗಾಢ ನೀಲಿ) ನಿಂದ 80% (ತಿಳಿ ನೀಲಿ) ವರೆಗೆ ಬದಲಾಯಿಸಬಹುದು.

ಡಾರ್ಕ್/ಲೈಟ್ ಥೀಮ್ಗಳು: ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ಡಾರ್ಕ್ ಮೋಡ್ ಅನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿದಾಗ, ನೀವು HSL ನಲ್ಲಿ ಬಣ್ಣಗಳ ಲೈಟ್ನೆಸ್ ಅನ್ನು ಮಾತ್ರ ಕಡಿಮೆ ಮಾಡಬಹುದು, ಉಳಿದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹಾಗೆಯೇ ಇರಿಸಬಹುದು. ಇದು CSS ಕಸ್ಟಮ್ ಪ್ರಾಪರ್ಟಿಗಳೊಂದಿಗೆ ವಿಶೇಷವಾಗಿ ಸುಲಭವಾಗುತ್ತದೆ: --primary-color: hsl(210, 50%, 40%).

ಪ್ರವೇಶಿಸುವಿಕೆ ಪರಿಶೀಲನೆ: WCAG (ವೆಬ್ ಕಂಟೆಂಟ್ ಆಕ್ಸೆಸಿಬಿಲಿಟಿ ಗೈಡ್ಲೈನ್ಸ್) ಅನುಪಾತಗಳನ್ನು ಪೂರೈಸಲು ಕಾಂಟ್ರಾಸ್ಟ್ ಅನ್ನು ಹೆಚ್ಚಿಸುವಾಗ, HSL ಅನ್ನು ಬಳಸುವುದರಿಂದ ನೀವು ಹ್ಯೂ ಅನ್ನು ಹಾಗೆಯೇ ಇರಿಸಬಹುದು ಮತ್ತು ಲೈಟ್ನೆಸ್ ಅನ್ನು ಮಾತ್ರ ಸರಿಹೊಂದಿಸಬಹುದು. ಉದಾಹರಣೆಗೆ, ಹಿನ್ನೆಲೆ ಬಣ್ಣದ ಲೈಟ್ನೆಸ್ ಅನ್ನು 80% ನಿಂದ 60% ಗೆ ಇಳಿಸುವುದರಿಂದ ಪಠ್ಯದ ಓದುವಿಕೆ ಸುಧಾರಿಸಬಹುದು.

ಕ್ರಿಯಾತ್ಮಕ ಬದಲಾವಣೆಗಳು: JavaScript ನಲ್ಲಿ, HSL ಅನ್ನು ಬಳಸುವುದರಿಂದ ಹೌವರ್ ಸ್ಟೇಟ್ಗಳು, ಆನಿಮೇಷನ್ಗಳು, ಮತ್ತು ಥೀಮ್ ಬದಲಾವಣೆಗಳಿಗೆ ಬಣ್ಣಗಳನ್ನು ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಸರಿಹೊಂದಿಸುವುದು ಸರಳವಾಗುತ್ತದೆ.

HSL vs HSV: ಪ್ರಮುಖ ವ್ಯತ್ಯಾಸಗಳು

HSL ಮತ್ತು HSV ಎರಡೂ ಹ್ಯೂ ಅನ್ನು ಬಳಸುತ್ತವೆ, ಆದರೆ ಸ್ಯಾಚುರೇಶನ್ ಮತ್ತು ಬ್ರೈಟ್ನೆಸ್ vs ಲೈಟ್ನೆಸ್ ಅನ್ನು ವಿಭಿನ್ನವಾಗಿ ವ್ಯಾಖ್ಯಾನಿಸಲಾಗಿದೆ:

ಗುಣಲಕ್ಷಣ HSL HSV/HSB
ಲೈಟ್ನೆಸ್/ಬ್ರೈಟ್ನೆಸ್ 0% = ಕಪ್ಪು, 100% = ಬಿಳಿ 0% = ಕಪ್ಪು, 100% = ಸಂಪೂರ್ಣ ಬಣ್ಣ
ಸ್ಯಾಚುರೇಶನ್ 0% = ಬೂದು, 100% = ಸಂಪೂರ್ಣ ಬಣ್ಣ (ಲೈಟ್ನೆಸ್ ಪ್ರಕಾರ ಸರಿಹೊಂದಿಸಲಾಗಿದೆ) 0% = ಬೂದು, 100% = ಸಂಪೂರ್ಣ ಬಣ್ಣ (ಬ್ರೈಟ್ನೆಸ್ನಲ್ಲಿ)
ಗರಿಷ್ಠ ಸ್ಯಾಚುರೇಶನ್ 50% ಲೈಟ್ನೆಸ್ನಲ್ಲಿ 100% ಬ್ರೈಟ್ನೆಸ್ನಲ್ಲಿ

HSL ನಲ್ಲಿ, 100% ಸ್ಯಾಚುರೇಶನ್ ಮತ್ತು 50% ಲೈಟ್ನೆಸ್ ಹೊಂದಿರುವ ಬಣ್ಣವು ಸಂಪೂರ್ಣ ಶುದ್ಧ ಬಣ್ಣವನ್ನು ನೀಡುತ್ತದೆ. HSV ನಲ್ಲಿ, 100% ಸ್ಯಾಚುರೇಶನ್ ಮತ್ತು 100% ಬ್ರೈಟ್ನೆಸ್ ಶುದ್ಧ ಬಣ್ಣವನ್ನು ನೀಡುತ್ತದೆ.

FAQ

ಪ್ರಶ್ನೆ: ಮೂರು-ಅಂಕಿಯ HEX ಕೋಡ್ #abc ಅನ್ನು ಹೇಗೆ ಅರ್ಥೈಸಲಾಗುತ್ತದೆ? ಉತ್ತರ: ಮೂರು-ಅಂಕಿಯ HEX ಕೋಡ್ ಆರು-ಅಂಕಿಯ ಕೋಡ್ನ ಷಾರ್ಥ್ಯಾಂಡ್ ಆವೃತ್ತಿಯಾಗಿದೆ. ಪ್ರತಿ ಅಂಕಿಯನ್ನು ನಕಲಿಸಲಾಗುತ್ತದೆ: #abc ಎಂದರೆ #aabbcc. ಉದಾಹರಣೆಗೆ, #f00 ಎಂದರೆ #ff0000 (ಶುದ್ಧ ಕೆಂಪು).

ಪ್ರಶ್ನೆ: ನಾನು # ಚಿಹ್ನೆಯಿಲ್ಲದೆ HEX ಕೋಡ್ ನಮೂದಿಸಬಹುದೇ? ಉತ್ತರ: ಹೌದು, #4f46e5 ಅಥವಾ 4f46e5 ಎರಡೂ ಸ್ವೀಕಾರಾರ್ಹ. # ಐಚ್ಛಿಕವಾಗಿದೆ.

ಪ್ರಶ್ನೆ: HSL ನಲ್ಲಿ ಹ್ಯೂ 360° ಗಿಂತ ಹೆಚ್ಚಿನ ಮೌಲ್ಯವನ್ನು ಸೂಚಿಸಬಹುದೇ? ಉತ್ತರ: ಇಲ್ಲ. ಹ್ಯೂ ಅನ್ನು 0–360 ಡಿಗ್ರಿಗಳ ವೃತ್ತದ ಮೇಲೆ ಅಳೆಯಲಾಗುತ್ತದೆ. 360° ಮತ್ತು 0° ಒಂದೇ ಬಣ್ಣವನ್ನು (ಕೆಂಪು) ಸೂಚಿಸುತ್ತವೆ. ಯಾವುದೇ ಮೌಲ್ಯವನ್ನು ಈ ವ್ಯಾಪ್ತಿಗೆ ಸಾಮಾನ್ಯೀಕರಿಸಲಾಗುತ್ತದೆ.

ಪ್ರಶ್ನೆ: ಪರಿವರ್ತನೆಯ ನಂತರ CMYK ಮೌಲ್ಯಗಳನ್ನು ವೃತ್ತಿಪರ ಮುದ್ರಣಕ್ಕೆ ಬಳಸಬಹುದೇ? ಉತ್ತರ: ಸಾಧ್ಯವಿಲ್ಲ. ಪುಟವು ತೋರಿಸುವ CMYK ಮೌಲ್ಯಗಳು ಪರದೆಯ ಮೇಲಿನ ಅಂದಾಜು ಮಾತ್ರ. ವೃತ್ತಿಪರ ಮುದ್ರಣಕ್ಕಾಗಿ, ನಿಮ್ಮ ಮುದ್ರಣ ಸೇವೆಯೊಂದಿಗೆ ಸರಿಯಾದ ಬಣ್ಣದ ಪ್ರೊಫೈಲ್ ಮತ್ತು ಮಾಪನಾಂಕ ನಿರ್ಣಯದ ಅಗತ್ಯವಿದೆ.

ಪ್ರಶ್ನೆ: RGB ಗ್ಯಾಮಟ್ನ ಹೊರಗಿನ ಬಣ್ಣವನ್ನು ನಮೂದಿಸಿದರೆ ಏನಾಗುತ್ತದೆ? ಉತ್ತರ: ನೀವು LAB ಅಥವಾ CMYK ಫಾರ್ಮ್ಯಾಟ್ನಲ್ಲಿ ನಮೂದಿಸಿದ ಮೌಲ್ಯವು ಗೋಚರ RGB ವ್ಯಾಪ್ತಿಯ ಹೊರಗಿದ್ದರೆ, ಅದನ್ನು ಹತ್ತಿರದ ಪ್ರದರ್ಶಿಸಬಲ್ಲ ಬಣ್ಣಕ್ಕೆ ಸರಿಹೊಂದಿಸಲಾಗುತ್ತದೆ. ಈ ಸರಿಹೊಂದಿಕೆಯು ಮೂಲ ಮೌಲ್ಯಕ್ಕಿಂತ ಸ್ವಲ್ಪ ಭಿನ್ನವಾಗಿರಬಹುದು, ಮತ್ತು ಅದನ್ನು ಹಿಂತಿರುಗಿ HEX ಗೆ ಪರಿವರ್ತಿಸಿದಾಗ ಒಂದು ಸಣ್ಣ ಬದಲಾವಣೆ ಸಂಭವಿಸಬಹುದು.

ಪ್ರಶ್ನೆ: ಎಲ್ಲಾ ಬ್ರೌಸರ್ಗಳು HSL ಅನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆಯೇ? ಉತ್ತರ: ಹೌದು. HSL ಅನ್ನು CSS ಬಣ್ಣದ ಮೌಲ್ಯವಾಗಿ CSS3 ನಿಂದ ಬೆಂಬಲಿಸಲಾಗಿದೆ ಮತ್ತು ಎಲ್ಲಾ ಆಧುನಿಕ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಇದು ಪ್ರಮಾಣಿತ ವೆಬ್ ಫಾರ್ಮ್ಯಾಟ್ ಆಗಿದೆ.