Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Image Color PickerNew to Visual Studio Code? Get it now.
Image Color Picker

Image Color Picker

KEHEM IT

|
2 installs
| (1) | Free
A simple VS Code extension to pick colors from images and save hex color codes.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🎨 Image Color Picker

Pick colors from images directly in Visual Studio Code and instantly get hex codes.

How To Use Color Picker!

Demo


Saved Color Codes!

Demo


✨ Features

  • 🖼️ Pick colors from any image file (PNG, JPG, GIF, BMP, SVG, WebP)
  • 📋 Copy hex codes directly to clipboard
  • 💾 Save picked colors to a file for later use
  • ⌨️ Insert color codes at the cursor position in your code
  • ⚡ Works with active image files or browse for any image

🚀 Usage

  1. Open an image file in VS Code
  2. Open Command Palette → Image Color Picker: Pick Color from Active Image
  3. Or use Image Color Picker: Pick Color from Image File... to browse any image
  4. 🖱️ Click anywhere on the image to pick a color 🎉

🔧 Commands

  • Image Color Picker: Pick Color from Active Image → Pick from the currently open image
  • Image Color Picker: Pick Color from Image File... → Browse & pick from any image

📸 Demo & Screenshots

Picking a Color Saved Color File
Pick Saved

📦 Release Notes

1.0.0

  • ✨ Initial release
  • 🎨 Pick colors from images
  • 🔑 Extract hex codes
  • 📋 Copy, save, and insert functionality

1.0.1

  • ✨ Update Documentation

🛠️ Contribution

Contributions, issues, and feature requests are welcome!
Feel free to open an issue.


📜 License

MIT © KEHEMIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft