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

VS Color Picker

lihui

|
730,208 installs
| (56) | Free
A tiny & smart color picker for web developer.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

VS Color Picker

A tiny & smart color picker for web developer(Windows only).

You can pick a color from system palette: usage_palette

Or pick a color from screen. Move cursor to the pixel and press Enter to pick, Esc to cancel: usage_sampler

Usage

There are three ways to launch color picker:

  1. After typing a color value or moving the caret inside color value, the picker will be launched automatically.
  2. Execute command VS Color Picker in Command Palette(Ctrl + Shift + P or Cmd + Shift + P).
  3. Binding a key for command extension.vs-color-picker.

Setting Options

This extension contributes the following variables to the settings:

  • vs-color-picker.autoLaunch: When true, the picker will be launched automatically. To disable auto-launch, set this option as false. Default value is true.
  • vs-color-picker.autoLaunchDelay: Milliseconds before launching. When further typing color number during this span, the picker won't be launched. Default value is 100.
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft