adobe / adobe/leonardo

Color picker component

Open
#67 6 comments 4 reactions 0 assignees View on GitHub
enhancement UI
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.