copy hex

A dark glass colour swatch card on a near-black stage: a big rounded swatch in a soft radial gradient with a glass sheen, the colour's name and its RGB in small grey type, the hex code in large Geist Mono and a square copy button, with a glow of the colour behind the card and a fine film grain over everything. A 13.2-second loop runs through three colours, Mint glass #7CF5D2, Ultraviolet #8A7CFF and Ember #FF8A5C. Each new colour floods the swatch in a growing circle out of the copy button, the name and RGB swap behind a blur dip, and each hex character flips to its new value left to right. A cursor glides in and presses Copy: the characters lift off one by one, each slot emptying as its glyph leaves, and are pulled along an arc into the button with a soft blurred trail, shrinking and tinting to the swatch's colour. The button swallows the code with a bump, unfolds into a tinted "Copied" pill whose check draws itself, and a light sweeps across the swatch; then the code re-forms in place and the pill folds back into the icon. Everything is HTML, CSS and inline SVG, drawn by one frame loop as a function of time; the colours, timing and look are a few constants and tokens to change. The square stage scales to fit any window with its glow running on past it, and reduced motion shows one still card.