Features

Select any text and Serifio names its font with the size, line height, letter spacing and weight the browser is applying.

A dot shows whether the font really loaded: green when it did, amber when a fallback is drawing the text.

Every selection shows its text and background colours. For anything else, pick a pixel with the loupe.

Each pick comes in HEX, RGB, HSL and OKLCH with the element and CSS it came from. Click any value to copy it.

The WCAG ratio of the text against its background, graded AAA, AA or Fail.

See-through layers are blended first and large text is graded against its own thresholds.

Select text and the panel appears. Click away or press Esc and it's gone.

Drag it anywhere and it opens in the same place on that site next time. Fold it down, drive it from the keyboard or switch it off from the toolbar.