Questions

Yes. Fonts, colours, contrast and the colour picker are all free. There is no account, no trial, no ads and no upgrade prompts.

Chrome shows that warning for any extension that works on every site. Serifio needs the access so the panel can appear the moment you select text and so the colour picker can read the pixels in front of you.

Until you select text or start a pick, Serifio stays idle and doesn't read the page. It only reads what you select or pick and none of that is saved or sent.

Yes. Open Serifio's Details page in Chrome's extension settings and set Site access to "On click" or "On specific sites". The right-click "Pick a colour with Serifio" item still works on a site you haven't allowed.

No. It has no analytics or tracking and makes no network requests of its own. Your on/off setting, panel preference and panel positions are saved with Chrome's own extension storage. The privacy policy has the detail.

Chrome blocks extensions on its own pages, on the Chrome Web Store, in its PDF viewer and on local files. Open any website and try again. It also doesn't read text inside an embedded frame, such as a video player.

Serifio also stays hidden when you select text in a field or an editor so it never appears while you write.

The font's name with the size, line height, letter spacing and weight the browser is applying.

It also shows the text you selected with its tag, word count and character count. It reads live text, so it can't name a font inside an image.

Next to a font, green means the font has loaded and is drawing the text. Amber means a fallback is being used instead.

Next to a colour, green means the colour comes from the page's CSS. Amber means it was sampled from pixels, as on a photo.

Right-click anywhere on a page and choose "Pick a colour with Serifio". With the panel open, click the Aa badge to switch to colours and press the pick button.

Move the loupe with your pointer or the arrow keys (Shift moves ten pixels), then click, tap or press Enter. Esc cancels. The HEX value is copied as you pick.

HEX, RGB, HSL and OKLCH with the nearest CSS colour name. Click any value to copy it. The contrast ratio copies the same way.

With the WCAG contrast formula, between the text colour and the background behind it. Transparency in the text and in every layer behind it is blended first.

The grade (AAA, AA or Fail) takes text size into account. Large text is 24px and up. Bold text counts from 18.66px. A warning sign next to AA means the text passes only because it is large.

Yes. It reads colours written by name or as rgb(), hsl(), oklch() or lab(). Text inside a web component's shadow DOM is read like any other.

Chrome 109 or later on Windows, macOS, Linux and ChromeOS. It works the same on a Chromebook. On a touchscreen, tap to pick.

Drag it anywhere and it opens in the same place on that site next time. Click its header to fold it down to the font name. To turn Serifio off, use the switch in its toolbar popup.

Every control can also be reached and used from the keyboard.

Tell us through the feedback page. A link to the page where it happened helps most.