Universal Color Picker

Detects and edits colors in any file — HEX, RGB, RGBA, HSL, HSLA and Tailwind CSS classes.

Features

Inline color swatches — a colored square appears next to every detected color
Native color picker — click any swatch to open VS Code's built-in color picker
All color formats — HEX (#fff, #ffffff, #ffffffff), RGB, RGBA, HSL, HSLA
Tailwind CSS — detects bg-red-500, text-blue-300, border-slate-200, etc.
Color conversion — switch between HEX / RGB / HSL directly in the picker
Alpha channel — full support for transparency in RGBA, HSLA and 8-digit HEX
Works everywhere — CSS, HTML, JS, TS, JSON, JSX, TSX, any file type

No setup needed. Open any file — color swatches appear automatically.

Click a colored square → pick a new color → it's written back in the original format.

Setting	Default	Description
`colorPicker.enable`	`true`	Enable/disable the extension
`colorPicker.defaultFormat`	`preserve`	Output format: `preserve`, `hex`, `rgb`, `hsl`
`colorPicker.hexUppercase`	`false`	Output HEX in uppercase