Color picker · High Contrast

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 · High Contrast20 / 20

48px cells, 3px borders, and the word On in the chosen cell.

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.

Category
Inputs
Designs
20
Motions
Ring, Check, Press
Released
2026-10-23
colorpickerswatchinputhex

All 20 designs

tap to preview above

Related components

More inputs →