Changelog

Colour picker — a magnifying loupe picks any pixel on the page. Start it from the panel or right-click and choose "Pick a colour with Serifio".

Colours panel — every pick in HEX, RGB, HSL and OKLCH with the nearest CSS colour name. HEX is copied as you pick.

Sources — the panel names the element and the CSS a colour came from. A dot shows whether it came from CSS or was sampled from pixels.

Touch and scaled screens — tap to pick on touchscreen Chromebooks, with exact picks on scaled displays.

Popup — redesigned around two tiles, Fonts and Colours, with the version underneath.

Panel — opens expanded, keeps a clear edge on dark pages, stays on screen and stays where you put it.

Contrast — clearer grades. Text that passes AA only because it is large is marked.

Web components — the panel no longer hides after you drag-select text inside shadow DOM.

Requirements — Serifio now needs Chrome 109 or later.

Contrast — see-through text is blended into the ratio and the AAA threshold now depends on text size.

Text fields — the panel stays hidden when you select text in a field or an editor.

System colours — colours set with CSS system keywords are read as the browser resolves them.

Backgrounds — see-through backgrounds are detected correctly.

Counts — character counts handle emoji and combined characters.

On and off — turning Serifio back on is more reliable.

Form controls — fonts in buttons, inputs and other form controls are read correctly.

Dark pages — backgrounds on dark-mode pages are detected correctly.