ಚಿತ್ರದಿಂದ HEX ಬಣ್ಣವನ್ನು ಪಡೆಯಿರಿ

ಹೆಕ್ಸ್ ಬಣ್ಣದ ಚಿತ್ರದಿಂದ: ಪಿಕ್ಸೆಲ್-ಮಟ್ಟದ ಬಣ್ಣ ಹೊರತೆಗೆಯುವ ಸಾಧನ

ಈ ಪುಟದ ಕಾರ್ಯಚಟುವಟಿಕೆಯ ಪರಿಚಯ

ಈ ವೆಬ್ ಪುಟವು ನಿಮ್ಮ ಸಾಧನದಿಂದ ಒಂದು ಚಿತ್ರವನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ. ನಂತರ ನೀವು ಆ ಚಿತ್ರದ ಮೇಲೆ ಕರ್ಸರ್ ಚಲಿಸಬಹುದು ಅಥವಾ ಕ್ಲಿಕ್ ಮಾಡಬಹುದು. ಪ್ರತಿ ಪಿಕ್ಸೆಲ್ನ ಬಣ್ಣವನ್ನು ತತ್ಕ್ಷಣವೇ ಹೆಕ್ಸ್ ಕೋಡ್ ರೂಪದಲ್ಲಿ ತೋರಿಸಲಾಗುತ್ತದೆ, ಜೊತೆಗೆ RGB ಮತ್ತು HSL ಮೌಲ್ಯಗಳೂ ಪ್ರದರ್ಶಿತವಾಗುತ್ತವೆ. ನೀವು ಆ ಬಣ್ಣವನ್ನು CSS, ಡಿಸೈನ್ ಸಾಫ್ಟ್ವೇರ್, ಅಥವಾ ಯಾವುದೇ ಯೋಜನೆಯಲ್ಲಿ ಬಳಸಲು ನಕಲಿಸಬಹುದು. ದೊಡ್ಡದಾಗಿ ತೋರಿಸುವ ವೈಶಿಷ್ಟ್ಯವು (ಮ್ಯಾಗ್ನಿಫೈಡ್ ವ್ಯೂ) ನಿಖರವಾದ ಪಿಕ್ಸೆಲ್ ಆಯ್ಕೆಯನ್ನು ಸುಲಭಗೊಳಿಸುತ್ತದೆ. ಹೆಚ್ಚುವರಿಯಾಗಿ, ನೀವು ಬಹು ಬಣ್ಣಗಳನ್ನು ಇತಿಹಾಸದಲ್ಲಿ ಉಳಿಸಬಹುದು ಮತ್ತು ನಂತರ ಉಲ್ಲೇಖಕ್ಕಾಗಿ ಬಳಸಬಹುದು.

ಇದು CSS ಮತ್ತು ಡಿಸೈನ್ ಉಪಕರಣಗಳಲ್ಲಿ ಪ್ರಮಾಣಿತ ಆರು-ಅಂಕಿಯ (ಅಥವಾ ಮೂರು-ಅಂಕಿಯ ಸಂಕ್ಷಿಪ್ತ) ಹೆಕ್ಸ್ ಸಂಕೇತವನ್ನು ಮುಖ್ಯ ಉತ್ಪಾದನೆಯಾಗಿ ನೀಡುತ್ತದೆ. ಸಹೋದರ ಪುಟಗಳಾದ RGB ಕ್ರಿಯಾತ್ಮಕ ಸಂಕೇತ ಅಥವಾ HSL ಪುಟಗಳಿಗಿಂತ ಭಿನ್ನವಾಗಿ, ಈ ಪುಟವು ಹೆಕ್ಸ್ ಪ್ರಾತಿನಿಧ್ಯವನ್ನು ಒತ್ತಿಹೇಳುತ್ತದೆ. ಹೆಕ್ಸ್ ಸ್ವರೂಪದಲ್ಲಿ ಆಲ್ಫಾ ಚಾನೆಲ್ ಇರುವುದಿಲ್ಲ. ಯಾವುದೇ ಪಾರದರ್ಶಕತೆಯನ್ನು ಪ್ರತ್ಯೇಕ ಶೇಕಡಾವಾರು ರೂಪದಲ್ಲಿ ವರದಿ ಮಾಡಲಾಗುತ್ತದೆ (ಉದಾ: "ಆಲ್ಫಾ ೩೦% — ಈ ಪಿಕ್ಸೆಲ್ ಭಾಗಶಃ ಪಾರದರ್ಶಕವಾಗಿದೆ."). ಹೆಕ್ಸ್ ಸಂಕ್ಷಿಪ್ತ ಮತ್ತು ವೆಬ್-ಮೂಲ ಸ್ವರೂಪವಾದ ಕಾರಣ, ನಿಮಗೆ color, background-color ಅಥವಾ ಯಾವುದೇ CSS ಗುಣಕ್ಕೆ ಹೆಚ್ಚಿನ ಆವರಣಗಳು ಅಥವಾ ಸಿಂಟ್ಯಾಕ್ಸ್ ಇಲ್ಲದೆ ನೇರವಾಗಿ ಸೇರಿಸಬಹುದಾದ ಬಣ್ಣದ ಮೌಲ್ಯ ಅಗತ್ಯವಿದ್ದಾಗ ಈ ಪುಟವು ಸೂಕ್ತ ಆಯ್ಕೆಯಾಗಿದೆ.

ಇನ್ಪುಟ್ ಮತ್ತು ಔಟ್ಪುಟ್ ವಿವರಗಳು

ಇನ್ಪುಟ್ ಸ್ವರೂಪಗಳು

ಸಾಧನದಿಂದ ಆಯ್ಕೆ ಮಾಡಬಹುದಾದ ಚಿತ್ರಗಳು ಈ ಕೆಳಗಿನ ಸ್ವರೂಪಗಳಲ್ಲಿರಬೇಕು: PNG, JPG, WebP, GIF, AVIF, HEIC. ಅನುಮತಿಸಲಾದ MIME ಪ್ರಕಾರಗಳು:

• image/jpeg
• image/png
• image/webp
• image/gif
• image/avif
• image/heic
• image/heif

ಬೆಂಬಲಿಸದ ಸ್ವರೂಪದ ಫೈಲ್ ಡ್ರಾಪ್ ಮಾಡಿದರೆ, "ಆ ಫೈಲ್ ಪ್ರಕಾರವನ್ನು ಬೆಂಬಲಿಸಲಾಗುವುದಿಲ್ಲ. PNG, JPG, WebP, GIF, AVIF ಅಥವಾ HEIC ಚಿತ್ರವನ್ನು ಪ್ರಯತ್ನಿಸಿ" ಎಂಬ ಸಂದೇಶ ತೋರಿಸಲಾಗುತ್ತದೆ. ಚಿತ್ರವನ್ನು ತೆರೆಯಲು ಸಾಧ್ಯವಾಗದಿದ್ದರೆ, "ಆ ಚಿತ್ರವನ್ನು ತೆರೆಯಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ. ಅದು ಹಾನಿಗೊಳಗಾಗಿರಬಹುದು ಅಥವಾ ಬೆಂಬಲಿಸದ ಸ್ವರೂಪದಲ್ಲಿರಬಹುದು" ಎಂದು ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ದೀರ್ಘತಮ ಭಾಗ 4096 ಪಿಕ್ಸೆಲ್ಗಳಿಗಿಂತ ಹೆಚ್ಚಿರುವ ಚಿತ್ರಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಕಡಿಮೆಗೊಳಿಸಲಾಗುತ್ತದೆ.

ಔಟ್ಪುಟ್ ವಿವರಗಳು

ಚಿತ್ರವನ್ನು ಲೋಡ್ ಮಾಡಿದ ತಕ್ಷಣ, ಈ ಕೆಳಗಿನವುಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ:

• "ಚಿತ್ರ ಸಿದ್ಧವಾಗಿದೆ — ಮಾದರಿ ತೆಗೆದುಕೊಳ್ಳಲು ಅದರ ಮೇಲೆ ಚಲಿಸಿ, ಬಣ್ಣವನ್ನು ಉಳಿಸಲು ಕ್ಲಿಕ್ ಮಾಡಿ."
• ಚಿತ್ರದ ಆಯಾಮಗಳು (ಅಗಲ × ಎತ್ತರ).
• ಪ್ರಸ್ತುತ ಮಾದರಿ ತೆಗೆದ ಪಿಕ್ಸೆಲ್ನ ನಿರ್ದೇಶಾಂಕಗಳು (x, y).
• HEX: ಮಾದರಿ ತೆಗೆದ ಪಿಕ್ಸೆಲ್ನ ಹೆಕ್ಸಾಡೆಸಿಮಲ್ ಬಣ್ಣ ಕೋಡ್ (ಆರು-ಅಂಕಿ, ಉದಾ. #1E90FF).
• RGB: ಕೆಂಪು, ಹಸಿರು, ನೀಲಿ ಮೌಲ್ಯಗಳು.
• HSL: ವರ್ಣ (Hue), ಸಂತೃಪ್ತಿ (Saturation), ಹೊಳಪು (Lightness) ಮೌಲ್ಯಗಳು.
• ಪಿಕ್ಸೆಲ್ ಅರೆ-ಪಾರದರ್ಶಕವಾಗಿದ್ದರೆ: "ಆಲ್ಫಾ ‹n›% — ಈ ಪಿಕ್ಸೆಲ್ ಭಾಗಶಃ ಪಾರದರ್ಶಕವಾಗಿದೆ."
• ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ: "‹ಹೆಕ್ಸ್› ಅನ್ನು ನಿಮ್ಮ ಪಿಕ್ಸ್ಗೆ ಉಳಿಸಲಾಗಿದೆ."
• ಉಳಿಸಿದ ಬಣ್ಣಗಳ ಇತಿಹಾಸ (12 ಐಟಂಗಳವರೆಗೆ) — ಸ್ವ್ಯಾಚ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಆ ಬಣ್ಣವನ್ನು ಮರಳಿ ಲೋಡ್ ಮಾಡುತ್ತದೆ.
• ಯಾವುದೇ ಬಣ್ಣದ ಮೌಲ್ಯವನ್ನು (HEX, RGB, HSL) ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಅದು ಕ್ಲಿಪ್ಬೋರ್ಡ್ಗೆ ನಕಲಾಗುತ್ತದೆ.

ಇನ್ಪುಟ್ ಮತ್ತು ಔಟ್ಪುಟ್ ಟೇಬಲ್

ನಿಯಮಗಳು ಮತ್ತು ಸಂಭಾವ್ಯ ಸಮಸ್ಯೆಗಳು

ಪಿಕ್ಸೆಲ್ ಮಾದರಿ ವಿಧಾನ

ಚಿತ್ರವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗ, ಕೇಂದ್ರ ಪಿಕ್ಸೆಲ್ನ ಬಣ್ಣ ಮೌಲ್ಯಗಳು ಮತ್ತು ನಿರ್ದೇಶಾಂಕಗಳನ್ನು ತಕ್ಷಣವೇ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಮೌಸ್ ಪಾಯಿಂಟರ್ ಅನ್ನು ಚಿತ್ರದ ಮೇಲೆ ಚಲಿಸಿದಾಗ ಪ್ರತಿ ಪಿಕ್ಸೆಲ್ನ ಬಣ್ಣ ಮಾದರಿ ತೆಗೆಯಲಾಗುತ್ತದೆ. ಚಿತ್ರದ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಪ್ರಸ್ತುತ ಮಾದರಿ ತೆಗೆದ ಬಣ್ಣವನ್ನು ಪಿಕ್ಸ್ಗೆ ಉಳಿಸಲಾಗುತ್ತದೆ. ನೀವು ಬಾಣದ ಕೀಗಳನ್ನು (arrow keys) ಬಳಸಿ ಕ್ರಾಸ್ಹೇರ್ ಅನ್ನು ಚಿತ್ರದ ಮೇಲೆ ಚಲಿಸಬಹುದು. Shift ಕೀಲಿಯನ್ನು ಒತ್ತಿ ಹಿಡಿದು ಬಾಣದ ಕೀಗಳನ್ನು ಒತ್ತಿದರೆ, ಕ್ರಾಸ್ಹೇರ್ 10 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ಚಲಿಸುತ್ತದೆ. Enter ಅಥವಾ Space ಕೀ ಒತ್ತಿದರೆ ಪ್ರಸ್ತುತ ಬಣ್ಣವನ್ನು ಉಳಿಸುತ್ತದೆ. ಈ ಕೀಬೋರ್ಡ್ ನ್ಯಾವಿಗೇಷನ್ ಪ್ರವೇಶಿಸುವಿಕೆ ಮತ್ತು ನಿಖರತೆಯನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ, ವಿಶೇಷವಾಗಿ ಮೌಸ್ ಬಳಸಲಾಗದ ಸಂದರ್ಭಗಳಲ್ಲಿ.

ಇತಿಹಾಸ ಮತ್ತು ಡೇಟಾ ಸಂಗ್ರಹ

ಉಳಿಸಿದ ಬಣ್ಣಗಳ ಇತಿಹಾಸವು ಗರಿಷ್ಠ 12 ಐಟಂಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ. ಒಂದೇ RGB ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿದ್ದರೂ ವಿಭಿನ್ನ ಆಲ್ಫಾ ಮೌಲ್ಯಗಳನ್ನು ಹೊಂದಿರುವ ಬಣ್ಣಗಳನ್ನು ಪ್ರತ್ಯೇಕ ನಮೂದುಗಳಾಗಿ ಸಂಗ್ರಹಿಸಲಾಗುತ್ತದೆ. ಏಕೆಂದರೆ ಹೆಕ್ಸ್ ಸಂಕೇತವು ಪಾರದರ್ಶಕತೆಯನ್ನು ಎನ್ಕೋಡ್ ಮಾಡುವುದಿಲ್ಲ; ಆಲ್ಫಾ ಪ್ರತ್ಯೇಕವಾಗಿ ವರದಿಯಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಕೆಂಪು ಬಣ್ಣ 50% ಪಾರದರ್ಶಕತೆಯೊಂದಿಗೆ ಮತ್ತು ಅದೇ ಕೆಂಪು ಬಣ್ಣ 30% ಪಾರದರ್ಶಕತೆಯೊಂದಿಗೆ ಎರಡು ಪ್ರತ್ಯೇಕ ನಮೂದುಗಳಾಗಿರುತ್ತವೆ.

ಕ್ಲಿಪ್ಬೋರ್ಡ್ ಪ್ರವೇಶ

ಯಾವುದೇ ಪ್ರದರ್ಶಿತ ಬಣ್ಣದ ಮೌಲ್ಯದ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಅದು ಕ್ಲಿಪ್ಬೋರ್ಡ್ಗೆ ನಕಲಾಗುತ್ತದೆ. ಬ್ರೌಸರ್ ಕ್ಲಿಪ್ಬೋರ್ಡ್ ಪ್ರವೇಶವನ್ನು ನಿರ್ಬಂಧಿಸಿದರೆ, "ನಕಲಿಸಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ — ನಿಮ್ಮ ಬ್ರೌಸರ್ ಕ್ಲಿಪ್ಬೋರ್ಡ್ ಪ್ರವೇಶವನ್ನು ನಿರ್ಬಂಧಿಸಿದೆ." ಎಂಬ ಸಂದೇಶವನ್ನು ತೋರಿಸಲಾಗುತ್ತದೆ.

ಸಂಕೋಚನ ಮತ್ತು ಅಂಟಿ-ಅಲಿಯಾಸಿಂಗ್ನ ಪರಿಣಾಮ

ಉಪಕರಣವು ಚಿತ್ರದಲ್ಲಿ ಸಂಗ್ರಹವಾದ ನಿಖರವಾದ ಪಿಕ್ಸೆಲ್ ಮೌಲ್ಯವನ್ನು ಪ್ರದರ್ಶಿಸುತ್ತದೆ. JPEG ಅಥವಾ ಸ್ಕ್ರೀನ್ಶಾಟ್ ಚಿತ್ರವಾಗಿದ್ದರೆ, ಸಂಕೋಚನ ಮತ್ತು ಅಂಟಿ-ಅಲಿಯಾಸಿಂಗ್ (anti-aliasing) ಪಿಕ್ಸೆಲ್ ಮೌಲ್ಯಗಳನ್ನು ಬದಲಾಯಿಸಿರಬಹುದು ಎಂಬುದನ್ನು ಗಮನದಲ್ಲಿಡಬೇಕು. ಅರೆ-ಪಾರದರ್ಶಕ ಪಿಕ್ಸೆಲ್ ಅನ್ನು ಅದರ ಹಿಂದೆ ಏನಿದೆ ಎಂಬುದನ್ನು ಪರಿಗಣಿಸದೆ ತನ್ನದೇ ಆದ ಮೌಲ್ಯವಾಗಿ ಓದಲಾಗುತ್ತದೆ. ಇದರರ್ಥ ನೀವು ಅರೆ-ಪಾರದರ್ಶಕ ಲೇಯರ್ನಲ್ಲಿ ಬಣ್ಣವನ್ನು ಆರಿಸಿದರೆ, ಅದು ಆ ಪಿಕ್ಸೆಲ್ನ ನಿಜವಾದ RGBA ಮೌಲ್ಯವಾಗಿರುತ್ತದೆ, ಆದರೆ ನಿಮ್ಮ ದೃಷ್ಟಿಯಲ್ಲಿ ಕಾಣುವ ಬಣ್ಣವು ಹಿನ್ನೆಲೆ ಬಣ್ಣದೊಂದಿಗೆ ಮಿಶ್ರಣಗೊಂಡಿರಬಹುದು.

"ಮತ್ತೆ ಪ್ರಾರಂಭಿಸಿ" ಬಟನ್

"ಮತ್ತೆ ಪ್ರಾರಂಭಿಸಿ" ಬಟನ್ ಒತ್ತಿದರೆ ಚಿತ್ರವನ್ನು ತೆರವುಗೊಳಿಸಲಾಗುತ್ತದೆ, ಬಣ್ಣ ಇತಿಹಾಸವನ್ನು ಖಾಲಿ ಮಾಡಲಾಗುತ್ತದೆ ಮತ್ತು ಉಪಕರಣವನ್ನು ಅದರ ಆರಂಭಿಕ ಸ್ಥಿತಿಗೆ ಮರುಹೊಂದಿಸಲಾಗುತ್ತದೆ.

ಬಳಕೆದಾರರು ಯಾರು ಮತ್ತು ಇದು ಯಾವಾಗ ಉಪಯೋಗವಾಗುತ್ತದೆ

• ವಿನ್ಯಾಸಕಾರರು: UI ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಉಲ್ಲೇಖ ಚಿತ್ರಗಳಿಂದ ನಿಖರವಾದ ಪಿಕ್ಸೆಲ್ ಬಣ್ಣಗಳನ್ನು ಹೊರತೆಗೆಯಲು ಇದು ಅತ್ಯಗತ್ಯ. ಉದಾಹರಣೆಗೆ, ನಿಮ್ಮ ಮೊಕಪ್ನಲ್ಲಿ ನೀವು ನೋಡಿದ ಒಂದು ನಿರ್ದಿಷ್ಟ ನೀಲಿ ಬಣ್ಣದ ಹೆಕ್ಸ್ ಮೌಲ್ಯವನ್ನು ಪಡೆಯಲು ಈ ಉಪಕರಣವನ್ನು ಬಳಸಬಹುದು.
• ಅಭಿವರ್ಧಕರು: CSS ಗೆ ನಿಖರವಾದ ಹೆಕ್ಸ್ ಮೌಲ್ಯಗಳ ಅಗತ್ಯವಿರುವಾಗ (ಉದಾ: #1E90FF) ಮೊಕಪ್ ಅಥವಾ ಬ್ರಾಂಡ್ ಅಂಶಕ್ಕೆ ಹೊಂದಿಸಲು ಇದು ಸೂಕ್ತ.
• ವಿಷಯ ರಚಿಸುವವರು: ಬ್ರ್ಯಾಂಡಿಂಗ್, ಥಂಬ್ನೇಲ್ಗಳು, ಅಥವಾ ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಗ್ರಾಫಿಕ್ಸ್ಗಾಗಿ ಚಿತ್ರಗಳಿಂದ ಬಣ್ಣಗಳನ್ನು ಮಾದರಿ ತೆಗೆಯಲು.
• ಯಾರಾದರೂ: ಲೋಗೋ, ಫೋಟೋ ಅಥವಾ ಸ್ಕ್ರೀನ್ಶಾಟ್ನಲ್ಲಿ ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಲು ಹೆಕ್ಸ್ ಬಣ್ಣ ಕೋಡ್ ಅನ್ನು ನಕಲಿಸಬೇಕಾದವರು.

ಬಣ್ಣ ಮಾದರಿಗಳ ತಿಳುವಳಿಕೆ: HEX, RGB, ಮತ್ತು HSL

HEX (ಹೆಕ್ಸಾಡೆಸಿಮಲ್)

HEX ಸಂಕೇತವು ಹೆಕ್ಸಾಡೆಸಿಮಲ್ (base-16) ಸಂಖ್ಯೆಗಳನ್ನು ಬಳಸಿ ಬಣ್ಣವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. ಸಾಮಾನ್ಯ ರೂಪ #RRGGBB ಆಗಿದೆ, ಅಲ್ಲಿ RR, GG, BB ಗಳು ಕ್ರಮವಾಗಿ ಕೆಂಪು, ಹಸಿರು ಮತ್ತು ನೀಲಿ ಘಟಕಗಳನ್ನು 00 (ಕನಿಷ್ಠ) ನಿಂದ FF (ಗರಿಷ್ಠ) ವರೆಗೆ ಪ್ರತಿನಿಧಿಸುತ್ತವೆ. ಉದಾಹರಣೆಗೆ, #1E90FF ನಲ್ಲಿ 1E (30 ದಶಮಾಂಶ) ಕೆಂಪು, 90 (144) ಹಸಿರು, FF (255) ನೀಲಿ. ಇದು 3-ಬೈಟ್ RGB ಮಾದರಿಯ ಸಂಕ್ಷಿಪ್ತ ಪ್ರಾತಿನಿಧ್ಯವಾಗಿದೆ. CSS ನಲ್ಲಿ ಹೆಕ್ಸ್ ಅತ್ಯಂತ ಸಾಮಾನ್ಯ ಸ್ವರೂಪವಾಗಿದೆ ಏಕೆಂದರೆ ಇದನ್ನು ಸಂಕ್ಷಿಪ್ತವಾಗಿ ಬರೆಯಬಹುದು ಮತ್ತು ಯಾವುದೇ ಕ್ರಿಯಾತ್ಮಕ ಸಿಂಟ್ಯಾಕ್ಸ್ ಅಗತ್ಯವಿಲ್ಲ.

RGB (ಕೆಂಪು, ಹಸಿರು, ನೀಲಿ)

RGB ಕ್ರಿಯಾತ್ಮಕ ಸಂಕೇತವು rgb(R,G,B) ರೂಪದಲ್ಲಿರುತ್ತದೆ, ಇಲ್ಲಿ R, G, B ಗಳು 0 ರಿಂದ 255 ರವರೆಗಿನ ಪೂರ್ಣಾಂಕಗಳು. ಇದು ಹೆಕ್ಸ್ಗೆ ಸಮಾನವಾಗಿದೆ ಆದರೆ ದಶಮಾಂಶ ಸ್ವರೂಪದಲ್ಲಿರುತ್ತದೆ. CSS rgb() ಕಾರ್ಯವು ಇದನ್ನು ಬಳಸುತ್ತದೆ.

HSL (ವರ್ಣ, ಸಂತೃಪ್ತಿ, ಹೊಳಪು)

HSL ಬಣ್ಣವನ್ನು hsl(H, S%, L%) ಎಂದು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ. H (ವರ್ಣ) 0–360 ಡಿಗ್ರಿಗಳಲ್ಲಿರುತ್ತದೆ (0=ಕೆಂಪು, 120=ಹಸಿರು, 240=ನೀಲಿ). S ಮತ್ತು L ಶೇಕಡಾವಾರು. ಇದು ಮಾನವ ಗ್ರಹಿಕೆಗೆ ಹೆಚ್ಚು ಅರ್ಥಗರ್ಭಿತವಾಗಿದೆ — ನೀವು ವರ್ಣವನ್ನು ಬದಲಾಯಿಸದೆ ಸಂತೃಪ್ತಿ ಅಥವಾ ಹೊಳಪನ್ನು ಸರಿಹೊಂದಿಸಬಹುದು.

ಈ ಪುಟ ಏಕೆ ಹೆಕ್ಸ್ ಅನ್ನು ಒತ್ತಿಹೇಳುತ್ತದೆ

ಹೆಕ್ಸ್ ಸಂಕೇತವು ವೆಬ್ ಮತ್ತು ಡಿಸೈನ್ ಉಪಕರಣಗಳಲ್ಲಿ ಪ್ರಮಾಣಿತವಾಗಿದೆ. ನಿಮಗೆ ಅದನ್ನು ನೇರವಾಗಿ CSS ಸಂಪಾದಕ ಅಥವಾ Figma, Photoshop ನಂತಹ ಅಪ್ಲಿಕೇಶನ್ಗಳಲ್ಲಿ ಅಂಟಿಸಬಹುದು. ಈ ಪುಟದ ಪ್ರಾಥಮಿಕ ಔಟ್ಪುಟ್ ಹೆಕ್ಸ್ ಆಗಿದೆ, ಮತ್ತು ಇದು ಎಡ್ಜ್ ಕೇಸ್ಗಳನ್ನು ಸ್ಪಷ್ಟವಾಗಿ ನಿರ್ವಹಿಸುತ್ತದೆ — ಉದಾಹರಣೆಗೆ, ಪಾರದರ್ಶಕತೆಯನ್ನು ಪ್ರತ್ಯೇಕವಾಗಿ ವರದಿ ಮಾಡುತ್ತದೆ ಏಕೆಂದರೆ 6-ಅಂಕಿಯ ಹೆಕ್ಸ್ ಆಲ್ಫಾವನ್ನು ಎನ್ಕೋಡ್ ಮಾಡುವುದಿಲ್ಲ.

ಸಂಕೋಚನ ಮತ್ತು ಅಂಟಿ-ಅಲಿಯಾಸಿಂಗ್ನ ಪ್ರಭಾವ

JPEG ಸಂಕೋಚನವು ನಷ್ಟ-ಸಹಿಷ್ಣು ಆಗಿದೆ; ಇದು ಗೋಚರ ಮಾಹಿತಿಯನ್ನು ಕಳೆದುಕೊಳ್ಳದೆಯೇ ಫೈಲ್ ಗಾತ್ರವನ್ನು ಕಡಿಮೆ ಮಾಡಲು ಮಾನವ ಕಣ್ಣಿನ ಸೂಕ್ಷ್ಮತೆಯ ಲಾಭ ಪಡೆಯುತ್ತದೆ. ಆದರೆ ಇದು ನಿಖರವಾದ ಪಿಕ್ಸೆಲ್ ಮೌಲ್ಯಗಳನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ, ವಿಶೇಷವಾಗಿ ಹೆಚ್ಚಿನ ಕಾಂಟ್ರಾಸ್ಟ್ ಅಂಚುಗಳ ಸುತ್ತಲೂ. ನೀವು ಒಂದು ವಿಭಾಗದಲ್ಲಿ ಒಂದೇ ಬಣ್ಣವನ್ನು ನಿರೀಕ್ಷಿಸಬಹುದು, ಆದರೆ ಸಂಕೋಚನದ ಕಲಾಕೃತಿಗಳ ಕಾರಣದಿಂದ ಪಕ್ಕದ ಪಿಕ್ಸೆಲ್ಗಳು ಸ್ವಲ್ಪ ವಿಭಿನ್ನವಾಗಿರಬಹುದು. ಅಂತೆಯೇ, ಅಂಟಿ-ಅಲಿಯಾಸಿಂಗ್ (ಅಕ್ಷರಗಳು ಮತ್ತು ಆಕಾರಗಳ ಅಂಚುಗಳನ್ನು ಮೃದುಗೊಳಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ) ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಮೂಲ ಬಣ್ಣ ಮತ್ತು ಹಿನ್ನೆಲೆಯ ನಡುವೆ ಮಿಶ್ರಣ ಮಾಡುತ್ತದೆ, ಇದು ಮೂಲ ಬಣ್ಣಕ್ಕಿಂತ ಭಿನ್ನವಾದ ಮೌಲ್ಯಗಳನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ. ಆದ್ದರಿಂದ, ನಿಖರವಾದ ಬಣ್ಣವನ್ನು ಪಡೆಯಲು, ನೀವು ಸಂಪೂರ್ಣವಾಗಿ ಏಕರೂಪವಾದ ಪ್ರದೇಶದಲ್ಲಿ ಪಿಕ್ಸೆಲ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡುವುದು ಮುಖ್ಯ. ಮ್ಯಾಗ್ನಿಫೈಡ್ ವ್ಯೂ ಈ ಸಮಸ್ಯೆಯನ್ನು ಪರಿಹರಿಸುತ್ತದೆ — ಇದು ಪ್ರತಿಯೊಂದು ಪಿಕ್ಸೆಲ್ ಅನ್ನು ದೊಡ್ಡದಾಗಿ ತೋರಿಸುತ್ತದೆ, ಆದ್ದರಿಂದ ನೀವು ಸಂಕೋಚನ ಅಥವಾ ಅಂಟಿ-ಅಲಿಯಾಸಿಂಗ್ನಿಂದ ಉಂಟಾದ ವ್ಯತ್ಯಾಸಗಳನ್ನು ಗುರುತಿಸಬಹುದು.

FAQ

1. ನಾನು ಹೆಕ್ಸ್ ಕೋಡ್ ಅನ್ನು ಹೇಗೆ ನಕಲಿಸುವುದು?

ಪ್ರದರ್ಶಿತ HEX ಮೌಲ್ಯದ ಮೇಲೆ (ಉದಾ. #1E90FF) ಕ್ಲಿಕ್ ಮಾಡಿ. ಅದು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನಿಮ್ಮ ಕ್ಲಿಪ್ಬೋರ್ಡ್ಗೆ ನಕಲಾಗುತ್ತದೆ. RGB ಅಥವಾ HSL ಮೌಲ್ಯವನ್ನೂ ಕ್ಲಿಕ್ ಮಾಡಬಹುದು.

2. ನಾನು ಒಂದೇ ಬಣ್ಣವನ್ನು ವಿಭಿನ್ನ ಪಾರದರ್ಶಕತೆಯೊಂದಿಗೆ ಉಳಿಸಬಹುದೇ?

ಹೌದು. ಒಂದೇ RGB ಮೌಲ್ಯಗಳು ಆದರೆ ವಿಭಿನ್ನ ಆಲ್ಫಾ ಶೇಕಡಾವಾರು ಹೊಂದಿರುವ ಬಣ್ಣಗಳನ್ನು ಇತಿಹಾಸದಲ್ಲಿ ಪ್ರತ್ಯೇಕ ನಮೂದುಗಳಾಗಿ ಉಳಿಸಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, #FF0000 50% ಆಲ್ಫಾದೊಂದಿಗೆ ಮತ್ತು ಅದೇ #FF0000 30% ಆಲ್ಫಾದೊಂದಿಗೆ ಎರಡು ವಿಭಿನ್ನ ಐಟಂಗಳಾಗಿರುತ್ತವೆ.

3. ನನ್ನ ಚಿತ್ರದ ಅತಿ ಉದ್ದದ ಭಾಗ 4096 ಪಿಕ್ಸೆಲ್ಗಳಿಗಿಂತ ಹೆಚ್ಚಿದ್ದರೆ ಏನಾಗುತ್ತದೆ?

ಚಿತ್ರವನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಕಡಿಮೆಗೊಳಿಸಲಾಗುತ್ತದೆ ಆದ್ದರಿಂದ ದೀರ್ಘತಮ ಭಾಗ 4096 ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಮೀರುವುದಿಲ್ಲ. ಮೂಲ ಚಿತ್ರದ ಪ್ರಮಾಣವನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳಲಾಗುತ್ತದೆ.

4. ನಾನು ಪಾರದರ್ಶಕ PNG ಯಿಂದ ಬಣ್ಣವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತಿದ್ದೇನೆ. ಅದರ ಹಿಂದೆ ಇರುವ ಬಣ್ಣವೇನು?

ಉಪಕರಣವು ಪಿಕ್ಸೆಲ್ನ ನಿಜವಾದ RGBA ಮೌಲ್ಯವನ್ನು ಓದುತ್ತದೆ — ಅದರ ಹಿಂದೆ ಏನಿದೆ ಎಂಬುದನ್ನು ಪರಿಗಣಿಸದೆ. ಆದ್ದರಿಂದ ನೀವು ಸಂಪೂರ್ಣವಾಗಿ ಪಾರದರ್ಶಕ ಪಿಕ್ಸೆಲ್ ಆಯ್ಕೆ ಮಾಡಿದರೆ, ಅದರ RGB ಮೌಲ್ಯಗಳು ಶೂನ್ಯವಾಗಿರಬಹುದು (ಕಪ್ಪು), ಮತ್ತು ಆಲ್ಫಾ 0% ಎಂದು ವರದಿಯಾಗುತ್ತದೆ. ನಿಮಗೆ ಗೋಚರ ಬಣ್ಣ ಬೇಕಾದರೆ, ಅರೆ-ಪಾರದರ್ಶಕ ಪಿಕ್ಸೆಲ್ ಅನ್ನು ಆಯ್ಕೆ ಮಾಡಿ; ಅದರ RGB ಮೌಲ್ಯಗಳು ಹಿನ್ನೆಲೆಯೊಂದಿಗೆ ಮಿಶ್ರಣಗೊಳ್ಳದೆ ತನ್ನದೇ ಆದ ಮೌಲ್ಯವನ್ನು ತೋರಿಸುತ್ತವೆ.

5. ನಾನು ಕೀಬೋರ್ಡ್ ಬಳಸಿ ಮಾದರಿಯನ್ನು ಹೇಗೆ ತೆಗೆದುಕೊಳ್ಳುವುದು?

ಚಿತ್ರ ಲೋಡ್ ಆದ ನಂತರ, ಬಾಣದ ಕೀಗಳನ್ನು ಒತ್ತಿ ಕ್ರಾಸ್ಹೇರ್ ಅನ್ನು ಚಲಿಸಿ. Shift ಕೀಲಿಯನ್ನು ಹಿಡಿದುಕೊಂಡು ಬಾಣದ ಕೀಗಳನ್ನು ಒತ್ತಿದರೆ ಪ್ರತಿ ಒತ್ತುವಿಕೆಯು 10 ಪಿಕ್ಸೆಲ್ಗಳಷ್ಟು ಚಲಿಸುತ್ತದೆ. Enter ಅಥವಾ Space ಒತ್ತಿ ಪ್ರಸ್ತುತ ಬಣ್ಣವನ್ನು ಉಳಿಸಿ.

6. ಇತಿಹಾಸದಲ್ಲಿ ಎಷ್ಟು ಬಣ್ಣಗಳನ್ನು ಉಳಿಸಬಹುದು?

ಗರಿಷ್ಠ 12 ಬಣ್ಣಗಳನ್ನು ಉಳಿಸಬಹುದು. ಇದು ಪೂರ್ಣವಾದಾಗ, ನೀವು ಹೊಸ ಬಣ್ಣವನ್ನು ಉಳಿಸಲು ಸಾಧ್ಯವಾಗುವುದಿಲ್ಲ — ಮೊದಲು ಹಳೆಯದನ್ನು ಅಳಿಸಬೇಕು ಅಥವಾ "ಮತ್ತೆ ಪ್ರಾರಂಭಿಸಿ" ಬಟನ್ ಒತ್ತಿ ಎಲ್ಲವನ್ನೂ ತೆರವುಗೊಳಿಸಬೇಕು.