Guide
Comment copier rapidement une couleur web depuis l'écran
Prélevez une couleur à l'écran et réutilisez-la immédiatement en CSS.
Pour retrouver une couleur d'interface, l'échantillonnage à l'écran est souvent plus rapide que la recherche manuelle.
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.