Pigment 作成者: Ismail Bin Mujeeb

You're browsing a site, you see a color you like, and you want to know what it is. Pigment tells you.
Hover over anything on any webpage and a color swatch appears, the same kind of little preview box you get in VS Code next to a CSS value, except this one lives in your browser. Underneath it: the exact hex code, the color name, and the RGB, HSL, and OKLCH values, all at once.
Pick it.

Copy it. Convert it.

Click any format to copy it straight to your clipboard. Switching between HEX and OKLCH or HSL and RGB takes one click, not a Google search and a conversion tool. Pigment just shows you all four.

Build a full palette from one color
If you want to go further, Pigment can generate a complete color scale from any base color, 50 through 950, the same way Tailwind CSS does it. Drop the scale into your project, your CSS variables, or your design tokens and you're done.

Who uses it

Frontend developers who want exact values without opening DevTools. Designers inspecting live sites during QA. Anyone who has ever taken a screenshot of a webpage, zoomed into a pixel, and then tried to guess the hex code. (We've all been there.)

No accounts. No tracking. No surprises.

Everything runs in your browser tab. Pigment doesn't collect your data or phone home. It just looks at colors.