Color picker

A tool for choosing a color: a palette, a set of ready-made swatches, or a field for HEX, RGB or HSL values.

Also called: color picker, colour picker, color, colour, palette, swatches, color swatches, eyedropper, pick a color, hex, hex code, color code

What it is for

It lets you pick an exact color for interface objects or content. Preset palettes make it fit into a design system and keep colors consistent.

Where you see it

• Graphic editors — setting the fill, stroke and text color
• Site builders — customizing buttons and backgrounds
• Personalization settings — choosing a color theme for a profile

What it is called in code

• <input type="color">
• color picker
• HEX / RGB

See also

• Radio button — A small circle used to pick one option out of several. Choosing another one clears the previous choice.
• Slider — A control for picking a value, or a range of values, by dragging a handle along a track.
• Toolbar — A row of buttons at the edge of a board: cursor, hand, sticky note, shape, text. The selected tool is highlighted.