Color Picker
Pick a color by HEX input, browser EyeDropper, or recent colors and preview related harmony swatches.
How to use
- Type a HEX color or use EyeDropper when available, then compare recent and recommended swatches.
Capabilities and scope
The selected color is remembered in a six-item recent list and shown with role-harmony recommendations and readable text color.
How it works
Valid HEX values are normalized and feed the recent list plus harmonyColors(role).
Example
Picking #F2A65A displays its preview and surrounding recommended swatches.
Useful for
- Quickly select and copy UI color candidates in-browser
Before you use it
- EyeDropper is browser-dependent and its availability follows platform permissions and API support.
Frequently asked questions
Is it an error if EyeDropper is missing?
No. Use direct HEX input when the browser does not expose EyeDropper.