Firefox-selaimen lisäosat
  • Laajennukset
  • Teemat
    • Firefoxille
    • Oikolukusanastot ja kielipaketit
    • Muiden selainten sivustot
    • Lisäosia Androidille
Kirjaudu sisään
Pigment esikatselu

Pigment tekijä 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 (0 arviota)0 (0 arviota)
Lataa Firefox ja hanki laajennus
Lataa tiedosto

Laajennuksen metatiedot

Kuvakaappaukset
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
Tietoja tästä laajennuksesta
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.
Arvio 0 0 arvostelijan toimesta
Kirjaudu sisään arvostellaksesi tämän laajennuksen
Ei vielä arvioita

Tähtiarvio tallennettu

5
0
4
0
3
0
2
0
1
0
Ei arvioita
Käyttöoikeudet ja data

Vaaditut käyttöoikeudet:

  • Pääsy tietoihisi kaikilla verkkosivuilla

Tiedonkeruu:

  • Kehittäjän mukaan tämä laajennus ei vaadi tiedonkeruuta.
Lue lisää
Lisätietoja
Lisäosan linkit
  • Sähköpostituki
  • Kopioi lisäosan tunniste
Versio
0.0.1
Koko
44,61 kt
Viimeksi päivitetty
neljä päivää sitten (28. kesä 2026)
Liittyvät luokat
  • Websivujen kehitys
  • Käyttöliittymän muokkaus
Lisenssi
Mozillan julkinen lisenssi 2.0 (MPL)
Tietosuojakäytäntö
Lue tämän lisäosan tietosuojakäytäntö
Versiohistoria
  • Näytä kaikki versiot
Lisää kokoelmaan
Ilmoita tästä lisäosasta
Siirry Mozillan verkkosivustolle

Lisäosat

  • Tietoja
  • Firefox-lisäosien blogi
  • Laajennustyöpaja
  • Kehityskeskus
  • Kehittäjäkäytännöt
  • Yhteisön blogi
  • Keskustelualue
  • Ilmoita ongelmasta
  • Opas arviointiin

Download

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

Latest Builds

  • Nightly
  • Beta

Firefox for Business

  • Enterprise

Yhteisö

  • Connect
  • Contribute
  • Developer

Seuraa

  • Instagram
  • YouTube
  • TikTok
  • Bluesky
  • Podcast
  • Tietosuoja
  • Evästeet
  • Juridiset asiat

Jos ei erikseen mainita, tämän sivuston sisällön kattaa lisenssi Creative Commons Attribution Share-Alike License v3.0 tai mikä tahansa uudempi versio.