Color picker · Swiss
A swatch picker with a hex field on the same line as the label. Choosing a swatch writes the hex. The colours themselves do not move.
Design · Swiss9 / 20
Square chips under a thick bottom rule for the hex.
Motion
The chosen swatch keeps a double ring. The tick settles in place. Colours do not travel.
Accent
A swatch picker with a hex field on the same line as the label. Choosing a swatch writes the hex. The colours themselves do not move.
colorpickerswatchinputhex