Color picker component
- Dominant language
- JavaScript
- Stars
- 2.1k
- Forks
- 130
- PR merge metrics
- No merged PRs in 30d
Description
## Description
.
Add a component for picking color values, with ability to input hex, RGB, hsl, HSV, HSLuv, Lab, LCH, Jab, JCh color values for input key colors or base color.
## Why do you need this feature?
Currently the tool utilizes native color inputs `input type=color`. This renders a completely different color picking experience depending on the device/OS the user is using. For some devices this renders only a small set of predefined color swatches to choose from. This is insufficient and hinders users on these devices from utilizing Leonardo as intended
This component would need to support pasting values into an input field for easily transferring color values from one tool to another.
## Additional context
Contributor guide
Research direction
Start by locating the existing native `input type=color` usage and reviewing how the current color inputs are wired into the tool. Define the component’s supported value formats and paste behavior from the issue, then verify that color picking and value entry work consistently across devices.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 30/100