Color picker · Glass

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 · Glass4 / 20

Round discs with a light rim. The hex is a frosted capsule.

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 →