Color Picker

Color Picker provides a workflow to change color, modify transparency, and save favorite colors.

Overview

Color Picker sliders can be used for general hue shifts, while hexadecimal (Hex) and other channels such as RGB can be used for more exact color choices. The ability to save colors helps keep the user experience more efficient.

Channels and features can be hidden with properties to keep the workflow focused.

Usage

  • Choosing an initial color of an element
  • Changing color or transparency of an element
  • Ability to copy/paste Hex, RGB, HSV, or other values

Sample

Keyboard navigation

KeyFunction
Arrow downWhen focused on the Hex, RGB, or HSV inputs decreases the value by one (1).
Arrow upWhen focused on the Hex, RGB, or HSV inputs increases the value by one (1).
Shift and Arrow downWhen focused on the Hex, RGB, or HSV inputs decreases the value by ten (10).
Shift and Arrow upWhen focused on the Hex, RGB, or HSV inputs increases the value by ten (10).
TabMoves focus to the next focusable element. If the currently focused element is the last element, focus will leave the component.
Tab and ShiftMoves focus to the previous focusable element. If the currently focused element is the first element, focus will leave the component.

API reference

Properties

Events

Methods

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.