Dodanki za Firefox Browser
  • Rozšyrjenja
  • Drastwy
    • za Firefox
    • Słowniki a rěcne pakśiki
    • Druge sedła wobglědowaka
    • Dodanki za Android
Pśizjawiś
Pśeglěd za Pigment

Pigment wót Ismail Bin Mujeeb

Hover over any color on any webpage. Get the hex, RGB, HSL, and OKLCH values instantly. Copy, convert, or build a full palette.

0 (pógódnośenja: 0)0 (pógódnośenja: 0)
Firefox ześěgnuś a rozšyrjenje wobstaraś
Dataju ześěgnuś

Metadaty rozšyrjenja

Fota wobrazowki
The color picker popup in action. The Pigment popup is open showing:

The color swatch box
Color name
All four values (HEX, RGB, HSL, OKLCH)The same popup but with a cursor clicking, with a "Copied!" toast notification visible.A full Tailwind-style color scale (50–950) generated from a base color. Colors that look impressive across a full scale.A split view or side-by-side — a VS Code window on one half with CSS variables, and the Pigment popup on the other half showing the matching color value.Works Everywhere
Wó toś tom rozšyrjenju
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.
Z 0 wót 0 pógódnośujucych pógódnośony
Pśizjawśo se, aby toś to rozšyrjenje pógódnośił
Hyšći pógódnośenja njejsu

Gwězdowe pógódnośenje jo se składło

5
0
4
0
3
0
2
0
1
0
Hyšći žedne pógódnośenja
Pšawa a daty

Trjebne pšawa:

  • Pśistup k wašym datam za wšykne websedła měś

Gromaźenje datow:

  • Wuwijaŕ groni, až toś to rozšyrjenje gromaźenje datow njetrjeba.
Dalšne informacije
Dalšne informacije
Dodankowe wótzkaze
  • E-mailowa adresa pomocy
  • ID dodanka kopěrowaś
Wersija
0.0.1
Wjelikosć
44,61 KB
Slědny raz zaktualizěrowany
25 ditë më parë (28 Qer 2026)
Pśiswójźbne kategorije
  • Webwuwiśe
  • Naglěd
Licenca
Licenca Mozilla Public License 2.0
Pšawidła priwatnosći
Cytajśo pšawidła priwatnosći za toś ten dodank
Wersijowa historija
  • Wšykne wersije pokazaś
Zběrce pśidaś
Toś ten dodank k wěsći daś
K startowemu bokoju Mozilla

Dodanki

  • Wó nas
  • Blog dodankow Firefox
  • Źěłowa kupka rozšyrjenjow
  • Wuwijaŕski rožk
  • Wuwijaŕske pšawidła
  • Blog zgromaźeństwa
  • Forum
  • Programowu zmólku k wěsći daś
  • Směrnica za pógódnośenja

Ześěgnuś

  • Download Firefox
  • Windows
  • macOS
  • iOS
  • Android
  • Linux
  • All

Nejnowše wersije

  • Nightly
  • Beta

Firefox za pśedewześa

  • Enterprise

Zgromaźeństwo

  • Connect
  • Contribute
  • Developer

Slědowaś

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • Priwatnosć
  • Cookieje
  • Pšawniske

Jolic nic hynac zapisane, se wopśimjeśe na toś tom sedle pód Creative Commons Attribution Share-Alike License v3.0 abo póznjejšeju wersiju licencěrujo.