Color picker

The color picker allows users to choose colors using robust controls such as sliders and input fields.

Overview

Resources

Variations

Selecting colors is an important styling component for many marketing features in ActiveCampaign.

Because our users adopt tens of thousands of colors across their 150,000+ brands, it’s important that the color picker be robust yet easy to use. When creating a campaign or landing page within a builder, a user may have template colors or recently used colors they’d like to select from. In these cases, a template colors section is added to the color picker palette menu.

Accessibility

Keyboard support

• Move focus to each swatch using the tab key, or shift + tab to move backwards
• To open the color picker, use enter and arrow keys to move around the color space
• Use the tab key to move focus to other inputs inside of the color picker (shift + tab to move backwards), including the opacity slider, and use the arrow keys to move the opacity slider
• esc will exit the color picker