A square deal for every hex color
Type #ff8a4c into a post and the web now sets a 0.75em chip of that exact color in front of it. Code blocks, issue numbers and the mobile app stay plain.
Paste a palette into a post, hit publish, and read it back on the web. Each hex value you wrote, whether #ff8a4c or #fff or #ff8a4c80, now wears a tiny 0.75em square of itself, rounded and bordered, sitting just before the text. The characters stay the characters. Only a swatch joins them, and it never wraps away from its color.
Credit goes to chrismessina, who taught the renderer to spot hex. It takes a # or a fullwidth ＃ followed by 3, 4, 6 or 8 hex digits, counts the value only as a whole word, and lets trailing punctuation stay outside the color, so #fff. gets a chip while #fff-x and #ff8a4c.com do not. It blanks out code before looking, so fenced and inline code keep their plain colors. In the composer, a digit-only color like #333333 or #99999999 no longer triggers an issue lookup either.
One catch. Three- and four-digit grays such as #333 and #999 stay swatchless. Those lengths need a letter or a leading zero to qualify, so they read as issue numbers instead. Black still works, because #000 leads with a zero.