Color Wells

When tapped, a color well displays the system-provided color picker. People can use the color picker to choose a color for text, shapes, marking tools, and other elements.

Screenshot of the Notes app in landscape on iPad, showing a note that contains a large photograph of a pink flower surrounded by green leaves. The markup tools are visible at the bottom of the screen and the color picker appears in a popover that floats on top of the photograph. The grid tab in the color picker displays a grid of 120 colors and the current choice is a medium blue.

The tabbed interface of the color picker lets people choose colors from a grid or spectrum, or by selecting RGB values. People can also select a color by tapping the eyedropper button and using the magnifying loupe to isolate a color that appears anywhere on the screen.

Screenshot of the Notes app in landscape on iPad, showing a note that contains a large photograph of a pink flower surrounded by green leaves. The markup tools are visible at the bottom of the screen and the color picker loupe tool is floating on top of the photograph. The loupe is centered just off the edge of a petal, focused on a color that is a light yellowish green.

Prefer using the system-provided color picker to help people choose colors. Using the built-in color picker provides a consistent user experience, in addition to letting people save a set of colors they can access from any app. The system-defined color picker can also help the Mac version of your iPad app provide a familiar experience to macOS users.

For developer guidance, see UIColorWell and UIColorPickerViewController.