1background: #FF930F;
2background: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%,rgba(255, 249, 91, 1) 100%)ಬಣ್ಣಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಿ ಕೆಲಸ ಆರಂಭಿಸಿ — ತೊಂದರೆ ಇಲ್ಲ
ಭಾರವಾದ ಆಪ್‌ಗಳು ಮತ್ತು ಅತಿಯಾದ ಸಂಕೀರ್ಣ ಕಲರ್ ಟೂಲ್‌ಗಳಿಂದ ಬೇಸತ್ತು, 2025ರಲ್ಲಿ ನಾವು Color Picker ಅನ್ನು ನಿರ್ಮಿಸಿದೆವು. ಫ್ರಂಟ್-ಎಂಡ್ ಡೆವಲಪರ್‌ಗಳು ಮತ್ತು ಇಲಸ್ಟ್ರೇಟರ್‌ಗಳಾಗಿ, ಬಣ್ಣವನ್ನು ಕ್ಷಣದಲ್ಲೇ ಹಿಡಿದು ಸ್ವಲ್ಪ ತಿದ್ದಿ ಮುಂದುವರಿಯುವ ಮಾರ್ಗ ಬೇಕಿತ್ತು. ಒಳಗಿನ ಟೂಲ್ ಆಗಿ ಆರಂಭವಾಗಿ ಸಹೋದ್ಯೋಗಿಗಳ ಮೆಚ್ಚುಗೆಯಾಯಿತು; ಎಲ್ಲರಿಗೂ ಬಳಸಲು ವೆಬ್‌ನಲ್ಲಿ ಹೊಳೆಯುವಂತೆ ಬಿಡುಗಡೆ ಮಾಡಿದೆವು. ಖಾತೆ ಬೇಡ, ಕಲಿಕೆಯ ವಕ್ರ ಬೇಡ — ಪುಟ ತೆರೆಯಿರಿ, ಟೋನ್ ಆಯ್ಕೆಮಾಡಿ, ನಂತರ HEX, RGB, HSL ಅಥವಾ HSV ಕೋಡ್‌ಗಳನ್ನು ಕಾಪಿ ಮಾಡಿ.
ನಮ್ಮ ಕಲರ್ ಪಿಕರ್ ಜನರಿಗೆ ಏಕೆ ಇಷ್ಟ?
ಒಂದು ಡಿಸೈನ್ ನೋಡಿ “ಸರಿಗಮನೆಯ ಆ ಶೇಡ್ ಅನ್ನು ಹೇಗೆ ಪಡೆಯುವುದು?” ಎಂದು ಯೋಚಿಸಿದರೆ, Color Pickerನ ಸರಳತೆ ನಿಮಗೆ ಖಂಡಿತ ಇಷ್ಟವಾಗುತ್ತದೆ. UI ಅನ್ನು ನಾವು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ಮಿನಿಮಲ್ ಇಟ್ಟಿದ್ದೇವೆ:
- ಒಂದು ಕ್ಲಿಕ್ — ಬಣ್ಣ ನಿಮ್ಮದು — ಪ್ಯಾಲೆಟ್ನ ಯಾವುದಾದರೂ ಸ್ಥಳವನ್ನು ಟ್ಯಾಪ್ ಮಾಡಿ; ಅಗತ್ಯ ಮೌಲ್ಯಗಳು ತಕ್ಷಣ ಕಾಣಿಸುತ್ತವೆ. ಫೋಟೋ ಅಥವಾ ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ನಿಂದ ಬೇಕೆ? ಪುಟಕ್ಕೆ ಹಾಕಿ, ಐಡ್ರಾಪರ್ ಬಳಸಿ.
- ಗ್ರೇಡಿಯೆಂಟ್‌ಗಳು ಸುಲಭ — ಬಾರ್‌ನಲ್ಲಿ ಸ್ಟಾಪ್ಗಳನ್ನು ಸೇರಿಸಿ/ಸರಿಸಿ ರೇಷ್ಮೆಯಂತೆ ಮೃದುವಾದ ಟ್ರಾನ್ಸಿಷನ್‌ಗಳನ್ನು ರಚಿಸಿ. ಲಿನಿಯರ್/ರೇಡಿಯಲ್ ಬದಲಾಯಿಸಿ, ಕೋನ ಮತ್ತು ಅಪಾರದರ್ಶಕತೆಯನ್ನು ನಿಖರಗೊಳಿಸಿ, CSS ಅನ್ನು ಕಾಪಿ ಮಾಡಿ.
- ನಿಯಂತರಣೆ ಇಲ್ಲ, ವೆಚ್ಚವಿಲ್ಲ — Color Picker ಯಾವುದೇ ಆಧುನಿಕ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಡೆಸ್ಕ್‌ಟಾಪ್, ಟ್ಯಾಬ್ಲೆಟ್ ಅಥವಾ ಫೋನ್‌ನಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಏನನ್ನೂ ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡುವ ಅಗತ್ಯವಿಲ್ಲ, ಶುಲ್ಕವೂ ಇಲ್ಲ.
- ಬೇಕಾದಾಗ ವಿಸ್ತರಣೆಗಳು — ನಮ್ಮ ಐಚ್ಛಿಕ Chrome ಮತ್ತು Edge ವಿಸ್ತರಣೆಗಳು ಐಡ್ರಾಪರ್ ಅನ್ನು ನೇರವಾಗಿ ಬ್ರೌಸರ್‌ಗೆ ತರುತ್ತವೆ, ಯಾವುದೇ ಪುಟದಿಂದ ಸ್ಯಾಂಪಲ್ ಮಾಡಿ ಮತ್ತು ಇತಿಹಾಸ ಉಳಿಸಬಹುದು.
ಒಳಗಿರುವವು
ಐಡ್ರಾಪರ್
ಅಪ್ಲೋಡ್ ಮಾಡಿದ ಚಿತ್ರಗಳಿಂದ ಅಥವಾ ಪರದೆಯಲ್ಲಿರುವ ಯಾವುದೇ ವಿಷಯದಿಂದ ನೇರವಾಗಿ ಬಣ್ಣಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಿ; ಫೈಲ್ ಅನ್ನು ಪುಟಕ್ಕೆ ಹಾಕಿ, ಒಂದು ಪಿಕ್ಸೆಲ್ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಅದರ ಮೌಲ್ಯಗಳು ಹಲವಾರು ಫಾರ್ಮ್ಯಾಟ್‌ಗಳಲ್ಲಿ ಕಾಣುತ್ತವೆ.
ಫಾರ್ಮ್ಯಾಟ್ ಪರಿವರ್ತನೆಗಳು
HEX, RGB, HSL ಮತ್ತು HSV ನಡುವೆ ಕ್ಷಣಾರ್ಧದಲ್ಲಿ ಬದಲಾಯಿಸಿ, ಕೋಡ್‌ಗಳನ್ನು CSS, ಡಿಸೈನ್ ಸಾಫ್ಟ್‌ವೇರ್ ಅಥವಾ ಪ್ಯಾಲೆಟ್ ಟೂಲ್‌ಗಳಿಗೆ ಕಾಪಿ ಮಾಡಿ.
ಗ್ರೇಡಿಯೆಂಟ್ ನಿರ್ಮಾಪಕ
ಸ್ಟಾಪ್ಗಳನ್ನು ಸೇರಿಸಿ/ಸರಿಸಿ ಲಿನಿಯರ್ ಅಥವಾ ರೇಡಿಯಲ್ ಗ್ರೇಡಿಯೆಂಟ್ಗಳನ್ನು ರಚಿಸಿ, ಕೋನ ಮತ್ತು ಅಪಾರದರ್ಶಕತೆಯನ್ನು ಹೊಂದಿಸಿ, ನಂತರ ಅಂತಿಮ CSS ಅನ್ನು ಕಾಪಿ ಮಾಡಿ.
ಬಣ್ಣ ಇತಿಹಾಸ
ನೀವು ಆಯ್ಕೆ ಮಾಡಿರುವ ಪ್ರತಿಯೊಂದು ಬಣ್ಣವೂ ಉಳಿಯುತ್ತದೆ, ನಂತರ ಮರಳಿ ನೋಡಲು ಅಥವಾ ಮರುಬಳಕೆ ಮಾಡಲು ಸೌಲಭ್ಯ.
ಬ್ರೌಸರ್ ವಿಸ್ತರಣೆಗಳು
Chrome ಮತ್ತು Edgeಗೆ ಐಚ್ಛಿಕ ವಿಸ್ತರಣೆಗಳು — ಯಾವುದೇ ಸೈಟ್‌ನಿಂದ ಬಣ್ಣಗಳನ್ನು ಸ್ಯಾಂಪಲ್ ಮಾಡಿ, ಟೂಲ್‌ಬಾರ್‌ನಿಂದಲೇ ಸಾಧನವನ್ನು ತೆರೆಯಿರಿ.
ವಿಶ್ವವ್ಯಾಪಕ ಪ್ರವೇಶ
ಯಾವುದೇ ಆಧುನಿಕ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ; ವಿಸ್ತರಣೆಗಳು ಅನೇಕ ಭಾಷೆಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆ ಮತ್ತು ನಿಯಮಿತ ಅಪ್‌ಡೇಟ್‌ಗಳನ್ನು ಪಡೆಯುತ್ತವೆ.
ಉಚಿತ ಮತ್ತು ಖಾಸಗಿ
ಸೇವೆ ಉಚಿತ; ನಿಮ್ಮ ದತ್ತಾಂಶವನ್ನು ನಾವು ವ್ಯಾಪಾರ ಮಾಡುವುದಿಲ್ಲ.
ಯಾವ ಕಾರ್ಯಗಳಿಗೆ
ಜನರು Color Picker ಅನ್ನು ಹಲವಾರು ರೀತಿಯಲ್ಲಿ ಬಳಸುತ್ತಾರೆ:
- ಡಿಸೈನರ್‌ಗಳು ಮತ್ತು ಉತ್ಪನ್ನ ತಂಡಗಳು UI ಅಥವಾ ಬ್ರಾಂಡ್ ಪ್ಯಾಲೆಟ್‌ಗಳ ಸ್ಕೆಚ್ ಮಾಡುವಾಗ ಬಳಸುತ್ತವೆ. ಸಂಯೋಜನೆಗಳನ್ನು ಪರಿಶೀಲಿಸಿ, ಗ್ರೇಡಿಯೆಂಟ್‌ಗಳಿಗೆ ಬೇಕಾದ CSS ಅನ್ನು ಶೀಘ್ರ ಕಾಪಿ ಮಾಡಬಹುದು.
- ಇಲಸ್ಟ್ರೇಟರ್‌ಗಳು ಮತ್ತು ಕಲಾವಿದರು ಫೋಟೋಗಳು ಮತ್ತು ಚಿತ್ರಗಳಿಂದ ಪ್ರೇರಣೆಗೆ ಐಡ್ರಾಪರ್ ಬಳಸುತ್ತಾರೆ. ಗ್ರೇಡಿಯೆಂಟ್ ಟೂಲ್ ಮೃದುವಾದ ಶೇಡಿಂಗ್ ಮತ್ತು ಬಣ್ಣ ವರ್ಗಾವಣೆಯ ಯೋಜನೆಯಲ್ಲಿ ಸಹಾಯಕ.
- ಫ್ರಂಟ್-ಎಂಡ್ ಡೆವಲಪರ್‌ಗಳು ವಿವಿಧ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಏಕರೂಪ ಬಣ್ಣ ಮೌಲ್ಯಗಳನ್ನು ಸೃಷ್ಟಿಸಲು ಇದರ ಮೇಲೆ ಭರವಸೆ ಇಡುತ್ತಾರೆ. ವಿಸ್ತರಣೆ ಇರುವುದು ಇದ್ದ ಸೈಟ್‌ಗಳಿಂದ ಸ್ಯಾಂಪ್ಲಿಂಗ್ ಸುಲಭಗೊಳಿಸುತ್ತದೆ.
- ಪ್ರವೇಶಸುಲಭತೆ ಪರಿಶೀಲಿಸುವ ಯಾರೇ ಆಗಿದ್ದರೂ ಬಣ್ಣಗಳನ್ನು ವಿಭಿನ್ನ ಮಾದರಿಗಳಲ್ಲಿ ನೋಡಿ, ಕಾಂಟ್ರಾಸ್ಟ್ ಮಾರ್ಗಸೂಚಿಗಳಿಗೆ ತಲುಪುವವರೆಗೆ ಅಪಾರದರ್ಶಕತೆಯನ್ನು ಹೊಂದಿಸಬಹುದು.
ಆರಂಭ
ಮ್ಯಾನುಯಲ್ ಬೇಕಾಗಿಲ್ಲ — ಇದು ಕ್ಷಿಪ್ರ ಸಂಕ್ಷಿಪ್ತ:
- ಬಣ್ಣ ಆಯ್ಕೆಮಾಡಿ — ಪ್ಯಾಲೆಟ್ನ ಯಾವುದೇ ಸ್ಥಳದಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ. ತಕ್ಷಣವೇ HEX, RGB ಮತ್ತು HSV ಮೌಲ್ಯಗಳು ಕಾಣುತ್ತವೆ. ಹ್ಯೂ, ಸ್ಯಾಚುರೇಶನ್, ಬ್ರೈಟ್‌ನೆಸ್ ಮತ್ತು ಅಪಾರದರ್ಶಕತೆಯನ್ನು ಸ್ಲೈಡರ್‌ಗಳಿಂದ ಸೂಕ್ಷ್ಮವಾಗಿ ಸರಿಹೊಂದಿಸಿ.
- ಚಿತ್ರದಿಂದ ಸ್ಯಾಂಪಲ್ ತೆಗೆಯಿರಿ — ಚಿತ್ರ ಫೈಲ್ ಅನ್ನು ಪುಟಕ್ಕೆ ಡ್ರ್ಯಾಗ್ ಮಾಡಿ ಅಥವಾ ಒಂದನ್ನು ಆಯ್ಕೆಮಾಡಿ. ಬೇಕಾದ ಪಿಕ್ಸೆಲ್ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಬಣ್ಣ ಕೋಡ್‌ಗಳು ಕಾಣಿಸುತ್ತವೆ.
- ಗ್ರೇಡಿಯೆಂಟ್ ರಚಿಸಿ — ಗ್ರೇಡಿಯೆಂಟ್ ಬಾರ್‌ನಲ್ಲಿ ಕ್ಲಿಕ್ ಮಾಡಿ ಸ್ಟಾಪ್ಗಳನ್ನು ಸೇರಿಸಿ ಮತ್ತು ಎಳೆದು ಕಳಿಸಿ; ಲಿನಿಯರ್ ಮತ್ತು ರೇಡಿಯಲ್ ಶೈಲಿಗಳಿಗೆ ಬದಲಾಯಿಸಿ. ಕೋನ ಮತ್ತು ಅಪಾರದರ್ಶಕತೆಯನ್ನು ಬೇಕಾದಂತೆ ಹೊಂದಿಸಿ.
- ಕಾಪಿ ಮಾಡಿ ಮತ್ತೆ ಬಳಸಿ — ನಿಮ್ಮ ಬಣ್ಣಗಳು ಮತ್ತು ಗ್ರೇಡಿಯೆಂಟ್‌ಗಳು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಉಳಿಯುತ್ತವೆ. ಕೋಡ್‌ಗಳು ಅಥವಾ CSS ನಕಲಿಸಿ ಪ್ರಾಜೆಕ್ಟ್‌ಗೆ ಅಂಟಿಸಿ, ಅಥವಾ ತಂಡದೊಂದಿಗೆ ಹಂಚಿಕೊಳ್ಳಿ.
Color Picker ಅನ್ನು ಆನ್‌ಲೈನ್‌ನಲ್ಲಿ ಹೇಗೆ ಬಳಸುವುದು
Chrome ಮತ್ತು Edgeಗಾಗಿ ವಿಸ್ತರಣೆಗಳು
ವೆಬ್‌ಪೇಜ್‌ನಿಂದಲೇ ಬಣ್ಣಗಳನ್ನು “ತೆಗೆದುಕೊಳ್ಳುವ” ಆಲೋಚನೆ ಇಷ್ಟವೇ? Chromeಗಾಗಿ Color Picker – Eye Dropper ಮತ್ತು Edgeಗಾಗಿ Eyedropper – Color Picker ಅದನ್ನೇ ಮಾಡುತ್ತವೆ. ಬ್ರೌಸರ್‌ಗೆ ಒಂದು ಚಿಕ್ಕ ಬಟನ್ ಸೇರಿಸಿ, ಯಾವುದೇ ಎಲಿಮೆಂಟ್‌ ಮೇಲೆ ಹೋವರ್ ಮಾಡಿದರೆ ಅದರ ಟೋನ್ ಹಿಡಿಯಬಹುದು. ಪಾಪ್ಅಪ್‌ನಿಂದ ಚಿತ್ರಗಳನ್ನು ಅಪ್ಲೋಡ್ ಮಾಡಬಹುದು, ಬಣ್ಣಗಳಿಂದ ಗ್ರೇಡಿಯೆಂಟ್ ರಚಿಸಬಹುದು ಮತ್ತು CSS ನಕಲಿಸಬಹುದು. ವಿಸ್ತರಣೆಗಳು ಅನೇಕ ಭಾಷೆಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತವೆ ಮತ್ತು ನಿಯಮಿತವಾಗಿ ಅಪ್‌ಡೇಟ್ ಆಗುತ್ತವೆ.
ನಂಬಿಕೆಗೆ ಅರ್ಹವಾದ ಸಮುದಾಯದ ಸಾಧನ
“ಜಸ್ಟ್ ವರ್ಕ್ಸ್” ಎನ್ನುವ ಸರಳ ಸಾಧನ ಬೇಕೆಂಬ ಕಾರಣದಿಂದ ನಾವು Color Picker ಅನ್ನು ನಿರ್ಮಿಸಿದೆವು. ಇದು ಸಮುದಾಯ ಪ್ರಾಜೆಕ್ಟ್ ಆಗಿಯೇ ಉಳಿಯುತ್ತದೆ ಮತ್ತು ಸದಾ ಉಚಿತ. ನಿಮ್ಮ ದತ್ತಾಂಶವನ್ನು ನಾವು ಸಂಗ್ರಹಿಸುವುದಿಲ್ಲ ಅಥವಾ ಮಾರಾಟ ಮಾಡುವುದಿಲ್ಲ. ಇದು ನಿಮಗೆ ಉಪಯುಕ್ತವೆನಿಸಿದರೆ, ವಿಸ್ತರಣೆಯನ್ನು ಇನ್‌ಸ್ಟಾಲ್ ಮಾಡುವುದು ಅಥವಾ ಸೈಟ್ ಹಂಚಿಕೊಳ್ಳುವುದು — ಮತ್ತಷ್ಟು ಜನರಿಗೆ ತಲುಪಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
ದತ್ತಾಂಶವನ್ನು ನಾವು ಹೇಗೆ ನಿಭಾಯಿಸುತ್ತೇವೆ ಎಂಬ ವಿವರಗಳಿಗೆ ನಮ್ಮ ಪುಟಗಳನ್ನು ನೋಡಿ: ಗೌಪ್ಯತಾ ನೀತಿ , ಬಳಕೆಯ ಷರತ್ತುಗಳು.