Colors

A color reader on its own: pick one and read it in hex, RGB and HSB, or edit it with the sliders in whichever format you like. What you pick here stays here — Pin keeps it in Pinned below, and the palette never hears about it. To build a palette, use the color in the Palette section instead.

The color above is the background, exactly as you picked it, and the rest is built from it: the surfaces are short steps off that color, and the muted tone, the text and the highlight are pushed until they read on top of it. Whether the palette comes out light or dark is decided by the color, not by the site's mode. Start from copies any of the site's palettes in here — Green, Blue, Pink — in its light or dark variant, and you edit from there; those swatches load colors rather than dressing the site. Change all rebuilds the rest without touching the background; Edit each color lets you type any hex by hand, and the preview updates as you type; Copy takes all eight colors as text. Save keeps it in the list below without changing anything on the site — leave the name blank and it's filed as Palette #hex of the background. Apply puts it across the whole site: it shows up in the color picker at the top of this page, after the | divider. It's one fixed set of colors — light and dark both get the same one, so the light/dark toggle won't change it.

Pinned colors live in this browser. Download .md, → Notes and Copy all take the same readable list, and that list includes your palettes — the one in use and every saved one, each with its eight colors. Under Settings → On this device they travel with everything else: Save to folder writes the pins to Colors/pins.md and the palettes to data/colors.json, and Load brings them back.