가이드
화면에서 웹 색상을 빠르게 복사하는 방법
화면에서 색상을 샘플링해 CSS 작업에 바로 적용하는 빠른 방법입니다.
기존 UI 색상을 맞춰야 할 때는 코드 탐색보다 화면 샘플링이 더 빠를 수 있습니다.
Use zoom for accurate picking
If the target area is small, zoom in before sampling.
This reduces accidental picks from anti-aliased edges.
Capture and convert format
Copy the sampled value and convert it to the format your project uses.
Most workflows need HEX or HSL for final CSS updates.
Cross-check against source styles
After sampling, compare with token or stylesheet values to avoid drift.
Treat sampled colors as a shortcut, not the single source of truth.
- Check hover/active states too.
- Test on different displays if possible.
- Update variables instead of hardcoded values.
Document what changed
Write a short note in your commit or changelog about the color update.
Small documentation habits prevent repeated guesswork later.
Great for
- Fixing one-off UI mismatches.
- Replicating colors from screenshots.
- Fast debugging during QA.
Sample fast, then verify
Screen-picked colors are convenient, but always confirm the final value in your source files.