CSS
ಮುಂಭಾಗದ ಅಭಿವೃದ್ಧಿ
DevTools ತೆರೆಯದೆ ಲೈವ್ ಸೈಟ್ನಿಂದ CSS, SCSS ಅಥವಾ Tailwind ಸಂರಚನೆಗೆ ನಿಖರ ಮೌಲ್ಯಗಳನ್ನು ಪಡೆಯಿರಿ.
Chrome ಗಾಗಿ ಉಚಿತ ಬಣ್ಣ ಆಯ್ಕೆಗಾರ
ಸರಳ ಬಣ್ಣ ಆಯ್ಕೆಗಾರ ಎಂಬುದು Chrome ಗಾಗಿ ಉಚಿತ ಐಡ್ರಾಪರ್. ಅದರ ಬಟನ್ ಅಥವಾ Alt+P ಒತ್ತಿ, ಭೂತಗನ್ನಡಿಯಿಂದ ಯಾವುದೇ ಪಿಕ್ಸೆಲ್ಗೆ ಗುರಿಯಿಟ್ಟು ಕ್ಲಿಕ್ ಮಾಡಿ. HEX, RGB ಅಥವಾ HSL ಕೋಡ್ ಆಗಲೇ ನಿಮ್ಮ ಕ್ಲಿಪ್ಬೋರ್ಡ್ನಲ್ಲಿರುತ್ತದೆ. ಕೊನೆಯ 50 ಬಣ್ಣಗಳು ಪಾಪ್ಅಪ್ನಲ್ಲಿ ಕಾಯುತ್ತವೆ.
Chrome Web Store ನಲ್ಲಿ 453 ಬಳಕೆದಾರರು
Edge, Brave, Opera ಮತ್ತು ಇತರ Chromium ಬ್ರೌಸರ್ಗಳಲ್ಲೂ ಕೆಲಸ ಮಾಡುತ್ತದೆ.

ಟೂಲ್ಬಾರ್ ಐಕಾನ್ ಕ್ಲಿಕ್ ಮಾಡಿ ಬಣ್ಣವನ್ನು ಆಯ್ಕೆಮಾಡಿ ಒತ್ತಿ, ಅಥವಾ ಯಾವುದೇ ಪುಟದಲ್ಲಿ Alt+P ಒತ್ತಿ.
ಚೌಕಾಕಾರದ ಭೂತಗನ್ನಡಿ ಕರ್ಸರ್ ಸುತ್ತಲಿನ ಭಾಗವನ್ನು ಹಿಗ್ಗಿಸಿ ನಿಖರ ಪಿಕ್ಸೆಲ್ಗೆ ಚೌಕಟ್ಟು ಹಾಕುತ್ತದೆ. ಅದರ ಕೆಳಗಿನ ಬಣ್ಣದ ಮಾದರಿ HEX, RGB ಮತ್ತು HSL ಅನ್ನು ತಕ್ಷಣ ತೋರಿಸುತ್ತದೆ.
ಕೋಡ್ ನಿಮ್ಮ ಡೀಫಾಲ್ಟ್ ಸ್ವರೂಪದಲ್ಲಿ ನಕಲಾಗುತ್ತದೆ. ಚಿಕ್ಕ ಸೂಚನೆ ಅದನ್ನು ದೃಢಪಡಿಸುತ್ತದೆ. ಅದನ್ನು CSS, Figma ಅಥವಾ ಸಂದೇಶದಲ್ಲಿ ಅಂಟಿಸಿ.
CSS
DevTools ತೆರೆಯದೆ ಲೈವ್ ಸೈಟ್ನಿಂದ CSS, SCSS ಅಥವಾ Tailwind ಸಂರಚನೆಗೆ ನಿಖರ ಮೌಲ್ಯಗಳನ್ನು ಪಡೆಯಿರಿ.
HEX
ಇಂಟರ್ಫೇಸ್, ವಿನ್ಯಾಸ ಮಾದರಿ ಅಥವಾ ಉಲ್ಲೇಖದಿಂದ ಬಣ್ಣಗಳ ಪ್ಯಾಲೆಟ್ ಪಡೆಯಿರಿ. ಪುಟದಲ್ಲಿ ಸರಿಯಾದ ಬ್ರ್ಯಾಂಡ್ ಬಣ್ಣ ಬಳಸಲಾಗಿದೆಯೇ ಪರಿಶೀಲಿಸಿ.
HSL
ಪ್ರಕಾಶಮಾನತೆ ಮತ್ತು ಸ್ಯಾಚುರೇಶನ್ ಅನ್ನು ಕೈಯಾರೆ ಹೊಂದಿಸಲು HSL ಬಳಸಿ. ಸಂಖ್ಯೆಗಳ ಅಗತ್ಯವಿರುವ ಕೋಡ್ಗೆ RGB ಬಳಸಿ.
ಭೂತಗನ್ನಡಿ ಕರ್ಸರ್ ಸುತ್ತಲಿನ 11 × 11 ಪಿಕ್ಸೆಲ್ಗಳನ್ನು ಹಿಗ್ಗಿಸುತ್ತದೆ. ಗುರಿಚಿಹ್ನೆ ನೀವು ಆರಿಸುವ ಪಿಕ್ಸೆಲ್ಗೆ ಚೌಕಟ್ಟು ಹಾಕುತ್ತದೆ. ಒಂದು ಪಿಕ್ಸೆಲ್ ಗಡಿ ಅಥವಾ ಗ್ರೇಡಿಯಂಟ್ನ ಒಂದೇ ಛಾಯೆಯನ್ನು ಆರಿಸಿ.
HEX ಉದಾಹರಣೆ #2A6FDB, RGB ಉದಾಹರಣೆ rgb(42, 111, 219), HSL ಉದಾಹರಣೆ hsl(217, 71%, 51%). ಪಾಪ್ಅಪ್ನಲ್ಲಿ ಒಮ್ಮೆ ಡೀಫಾಲ್ಟ್ ಆಯ್ಕೆ ಮಾಡಿ.
ಪ್ರತಿ ಆಯ್ಕೆಯೂ ಕೊನೆಯ 50 ಬಣ್ಣಗಳ ಜಾಲರಿಯ ಮುಂಭಾಗಕ್ಕೆ ಬರುತ್ತದೆ. ನಕಲಿ ಬಣ್ಣಗಳು ಇರುವುದಿಲ್ಲ. ಮೂರು ಕೋಡ್ಗಳನ್ನು ನೋಡಲು ಮತ್ತು ನಕಲಿಸಲು ಬಣ್ಣದ ಮಾದರಿ ಕ್ಲಿಕ್ ಮಾಡಿ.
ಪಾಪ್ಅಪ್ ತೆರೆಯದೆ ಬಣ್ಣ ಆಯ್ಕೆ ಪ್ರಾರಂಭಿಸಿ. ಬೇರೆ ಕೀ ಬೇಕಾದರೆ, ಪಾಪ್ಅಪ್ನ ಕೀ ಬಟನ್ ಮೂಲಕ Chrome ಶಾರ್ಟ್ಕಟ್ ಸೆಟ್ಟಿಂಗ್ಗಳನ್ನು ತೆರೆಯಿರಿ.
ಎಲ್ಲವೂ ನಿಮ್ಮ ಬ್ರೌಸರ್ನಲ್ಲೇ ನಡೆಯುತ್ತದೆ. ಖಾತೆ, ವಿಶ್ಲೇಷಣೆ ಅಥವಾ ಟೆಲಿಮೆಟ್ರಿ ಇಲ್ಲ.
ಪಾಪ್ಅಪ್ ಮತ್ತು ಭೂತಗನ್ನಡಿ ನಿಮ್ಮ ಸಿಸ್ಟಮ್ ಥೀಮ್ ಅನುಸರಿಸುತ್ತವೆ. ಅವುಗಳ ತಟಸ್ಥ ಬೂದು ಛಾಯೆಗಳು ನೀವು ಪರಿಶೀಲಿಸುವ ಬಣ್ಣಗಳ ನೋಟವನ್ನು ಬದಲಿಸುವುದಿಲ್ಲ.
Chrome ನ ಸ್ವಂತ ಐಡ್ರಾಪರ್ DevTools ಒಳಗಿದೆ. ಶೈಲಿಗಳ ಫಲಕ ತೆರೆಯಿರಿ, ಬಣ್ಣದ ಗುಣಲಕ್ಷಣ ಹುಡುಕಿ, ಅದರ ಬಣ್ಣದ ಮಾದರಿ ಕ್ಲಿಕ್ ಮಾಡಿ, ನಂತರ ಐಡ್ರಾಪರ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ಅದು ಕೆಲಸ ಮಾಡುತ್ತದೆ, ಆದರೆ ಹುಡುಕಿ ತಲುಪಬೇಕು. ಆರಿಸಿದ ಮೌಲ್ಯ ಕ್ಲಿಪ್ಬೋರ್ಡ್ಗೆ ಹೋಗುವ ಬದಲು ಪುಟದ CSS ಗುಣಲಕ್ಷಣವನ್ನು ಬದಲಿಸುತ್ತದೆ.
ಸರಳ ಬಣ್ಣ ಆಯ್ಕೆಗಾರ ಮೂಲಕ ಒಂದೇ ಕ್ಲಿಕ್ ಅಥವಾ ಶಾರ್ಟ್ಕಟ್ನಲ್ಲಿ ಐಡ್ರಾಪರ್ ತೆರೆಯಬಹುದು. ಪ್ರಾರಂಭಿಸಿದಾಗ ಟ್ಯಾಬ್ನ ಗೋಚರ ಭಾಗದ ಸ್ನ್ಯಾಪ್ಶಾಟ್ ತೆಗೆದು ಅದರ ಮೇಲೆ ಚೌಕಾಕಾರದ ಭೂತಗನ್ನಡಿ ತೆರೆಯುತ್ತದೆ. ಸರಾಸರಿ ಬಣ್ಣದ ಬದಲು ನಿಖರ ಪಿಕ್ಸೆಲ್ ಕಾಣುತ್ತದೆ. ಒಂದು ಕ್ಲಿಕ್ ಕೋಡ್ ನಕಲಿಸುತ್ತದೆ. ಪಾಪ್ಅಪ್ ಅದನ್ನು ಕೊನೆಯ 50 ಬಣ್ಣಗಳೊಂದಿಗೆ ಮೂರೂ ಸ್ವರೂಪಗಳಲ್ಲಿ ಉಳಿಸುತ್ತದೆ.
ಪ್ರಾರಂಭಿಸುವ ಮೊದಲು ಪುಟದ ಬೇಕಾದ ಭಾಗಕ್ಕೆ ಸ್ಕ್ರೋಲ್ ಮಾಡಿ. ಭೂತಗನ್ನಡಿ ಆ ಸ್ನ್ಯಾಪ್ಶಾಟ್ನಿಂದ ಓದುತ್ತದೆ. ಹೊಸ ಟ್ಯಾಬ್, ಸೆಟ್ಟಿಂಗ್ಗಳು ಮತ್ತು Chrome Web Store ಮುಂತಾದ ಬ್ರೌಸರ್ ಪುಟಗಳಿಗೆ ಯಾವುದೇ ವಿಸ್ತರಣೆಗೆ ಪ್ರವೇಶವಿಲ್ಲ.
ವಿಸ್ತರಣೆ ಎಂದಿಗೂ ಸರ್ವರ್ ಸಂಪರ್ಕಿಸುವುದಿಲ್ಲ. ವಿಶ್ಲೇಷಣೆ ಅಥವಾ ಟೆಲಿಮೆಟ್ರಿ ಇಲ್ಲ.
ನಿಮ್ಮ ಇತಿಹಾಸ ಮತ್ತು ಡೀಫಾಲ್ಟ್ ಸ್ವರೂಪವು ವಿಸ್ತರಣೆಯ ಸ್ಥಳೀಯ ಸಂಗ್ರಹದಲ್ಲೇ ಇರುತ್ತವೆ.
ಸ್ನ್ಯಾಪ್ಶಾಟ್ ತೆಗೆಯಲು ಬಣ್ಣ ಆಯ್ಕೆ ಪ್ರಾರಂಭಿಸಿದಾಗ ಮಾತ್ರ ಸಕ್ರಿಯ ಟ್ಯಾಬ್ ಪ್ರವೇಶ; ಭೂತಗನ್ನಡಿ ತೋರಿಸಲು ಸ್ಕ್ರಿಪ್ಟ್ ಚಾಲನೆ; ಇತಿಹಾಸ ಮತ್ತು ಸ್ವರೂಪಕ್ಕೆ ಸಂಗ್ರಹ; ಕೋಡ್ ನಕಲಿಸಲು ಕ್ಲಿಪ್ಬೋರ್ಡ್ಗೆ ಬರೆಯುವ ಅನುಮತಿ.
| DevTools ಐಡ್ರಾಪರ್ ಮತ್ತು ಸರಳ ಬಣ್ಣ ಆಯ್ಕೆಗಾರ | DevTools ಐಡ್ರಾಪರ್ | ಸರಳ ಬಣ್ಣ ಆಯ್ಕೆಗಾರ |
|---|---|---|
| ಪ್ರಾರಂಭಿಸುವುದು ಹೇಗೆ | DevTools ತೆರೆಯಿರಿ, ಶೈಲಿಗಳಲ್ಲಿ ಬಣ್ಣ ಹುಡುಕಿ, ಅದರ ಮಾದರಿ ಕ್ಲಿಕ್ ಮಾಡಿ, ನಂತರ ಐಡ್ರಾಪರ್ ಕ್ಲಿಕ್ ಮಾಡಿ | ಟೂಲ್ಬಾರ್ ಬಟನ್ ಅಥವಾ Alt+P |
| ಫಲಿತಾಂಶ ಎಲ್ಲಿ ಸೇರುತ್ತದೆ | ನೀವು ತೆರೆದ CSS ಗುಣಲಕ್ಷಣಕ್ಕೆ; ನೀವೇ ನಕಲಿಸಬೇಕು | ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ ನಿಮ್ಮ ಕ್ಲಿಪ್ಬೋರ್ಡ್ಗೆ |
| ಬಣ್ಣದ ಸ್ವರೂಪಗಳು | HEX, RGB, HSL ಮತ್ತು ಇನ್ನಷ್ಟು | HEX, RGB ಮತ್ತು HSL |
| ಹಿಂದೆ ಆರಿಸಿದ ಬಣ್ಣಗಳು | ಉಳಿಸುವುದಿಲ್ಲ | ಕೊನೆಯ 50, ಮತ್ತೆ ನಕಲಿಸಲು ಸಿದ್ಧ |
| ಬೆಲೆ | Chrome ನಲ್ಲೇ ಸೇರಿದೆ | ಉಚಿತ |
ಸರಳ ಬಣ್ಣ ಆಯ್ಕೆಗಾರ ಸ್ಥಾಪಿಸಿ, ಪುಟದಲ್ಲಿ Alt+P ಒತ್ತಿ, ಭೂತಗನ್ನಡಿಯನ್ನು ಬಣ್ಣದ ಕಡೆಗೆ ಗುರಿಯಿಟ್ಟು ಕ್ಲಿಕ್ ಮಾಡಿ. HEX ಕೋಡ್, ಅಥವಾ ನೀವು ಬಯಸಿದ RGB ಅಥವಾ HSL, ನಿಮ್ಮ ಕ್ಲಿಪ್ಬೋರ್ಡ್ಗೆ ನಕಲಾಗುತ್ತದೆ.
ಅದೇ ವಿಧಾನ: ಆಯ್ಕೆಗಾರ ಪ್ರಾರಂಭಿಸಿ ಚಿತ್ರದಲ್ಲಿ ಬೇಕಾದ ಪಿಕ್ಸೆಲ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ಭೂತಗನ್ನಡಿ ಹಿಗ್ಗಿಸುವುದರಿಂದ ಒಂದೇ ನಿಖರ ಪಿಕ್ಸೆಲ್ ಆರಿಸಬಹುದು.
ಹೌದು. ಪಾಪ್ಅಪ್ನಲ್ಲಿ ಡೀಫಾಲ್ಟ್ ಸ್ವರೂಪ ಆಯ್ಕೆ ಮಾಡಿ: HEX, RGB ಅಥವಾ HSL. ಇತಿಹಾಸದ ಪ್ರತಿ ಬಣ್ಣಕ್ಕೂ ಮೂರೂ ಕೋಡ್ಗಳು ಪಾಪ್ಅಪ್ನಲ್ಲಿ ಕಾಣುತ್ತವೆ. ಪ್ರತಿಯೊಂದಕ್ಕೂ ಪ್ರತ್ಯೇಕ ನಕಲು ಬಟನ್ ಇದೆ.
ಪಾಪ್ಅಪ್ ತೆರೆಯಿರಿ. ಕೊನೆಯ 50 ಬಣ್ಣಗಳು ಮಾದರಿಗಳಾಗಿ, ಹೊಸವು ಮೊದಲು ಕಾಣುತ್ತವೆ. ಕೋಡ್ಗಳನ್ನು ನೋಡಿ ನಕಲಿಸಲು ಒಂದನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ, ಅಥವಾ ಇತಿಹಾಸ ತೆರವುಗೊಳಿಸಿ.
ಪಾಪ್ಅಪ್ನ ಶಾರ್ಟ್ಕಟ್ ಕೀ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ಅದು Chrome ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ ಪುಟ ತೆರೆಯುತ್ತದೆ. ಅಲ್ಲಿ ಬೇರೆ ಕೀ ಹೊಂದಿಸಬಹುದು.
ಹೊಸ ಟ್ಯಾಬ್, ಸೆಟ್ಟಿಂಗ್ಗಳು ಮತ್ತು Chrome Web Store ಮುಂತಾದ ತನ್ನ ಪುಟಗಳಿಗೆ Chrome ಯಾವುದೇ ವಿಸ್ತರಣೆಯನ್ನು ಅನುಮತಿಸುವುದಿಲ್ಲ. ಆಯ್ಕೆಗಾರ ಟ್ಯಾಬ್ನ ಗೋಚರ ಭಾಗವನ್ನಷ್ಟೇ ಓದುತ್ತದೆ. ಮೊದಲು ಬಣ್ಣದ ಭಾಗಕ್ಕೆ ಸ್ಕ್ರೋಲ್ ಮಾಡಿ.
ಇಲ್ಲ. ಅದು ಪ್ರಸ್ತುತ ಬ್ರೌಸರ್ ಟ್ಯಾಬ್ನಿಂದ ಮಾತ್ರ ಬಣ್ಣ ಆರಿಸುತ್ತದೆ. CMYK ಅಥವಾ Pantone ಗೆ ಪರಿವರ್ತಿಸುವುದಿಲ್ಲ, ಕಾಂಟ್ರಾಸ್ಟ್ ಪರಿಶೀಲಿಸುವುದೂ ಇಲ್ಲ.
ಇದು ಉಚಿತ. ಯಾವುದೇ ನೆಟ್ವರ್ಕ್ ವಿನಂತಿಗಳನ್ನು ಮಾಡುವುದಿಲ್ಲ. ನಿಮ್ಮ ಇತಿಹಾಸ ಮತ್ತು ಡೀಫಾಲ್ಟ್ ಸ್ವರೂಪವು ನಿಮ್ಮ ಸಾಧನದಲ್ಲೇ ಉಳಿಯುತ್ತವೆ.