Color Picker Tool for Visual Studio 2019 and 2017

An integrated inline Color Picker extension for Visual Studio that enables real-time color visualization, editing, and conversion directly within the code editor.

🔗 Plugin Home | VS 2022 Download | Review

Ideal for web developers and UI designers who want precise color control without leaving Visual Studio.

Key Features

Editor Color Highlighting

Displays inline color swatches in the Visual Studio code editor
Enabled by default for the following file types: htm, html, cshtml, vbhtml, css, scss, less, styl, pcss, asp, aspx, cs, vb, xaml, axaml
Additional file extensions or global enablement can be configured via: Tools → Options → Color Picker
For very large documents, inline swatches may be skipped to maintain performance; editing a section enables color visualization for that area

Dockable Color Picker Window

Access via View → Color Picker
Fully dockable tool window
Supports Visual Studio themes

Color Editing & Insertion

Edit colors with a single click

Convert colors to any supported format
Insert colors into the active text document, Replaces selected text if present
Copy and paste color codes easily

Color Sources

Color Canvas
Custom Colors (import HEX codes)
Named Colors
Favorite Colors (add from selected color or import from HEX lists)
Web Colors
Eyedropper tool

Supported Color Formats

Name
HEX, #HexShort
rgb, rgba
hsl, hsla
hsb / hsv, hwb
cmyk
lab, oklab
lch, oklch
Programming-specific formats

Additional Capabilities

Save and reuse color selections
View and adjust color Scale, Tint, Shades, and Tones
Extensive configuration options

Support

If you find this extension useful, please consider leaving a review on the Marketplace. Your feedback helps improve and maintain the tool.

Integrated Inline Color Picker for Visual Studio. This tool will very useful if you are working as a Web Developer or UI designer, who mainly uses Visual Studio for the day to day assignments. This tool provides a color tool window, color visualization in editor.