All challenges
UI · Frontend challenge · Frontend UI
Color Picker
Difficulty
easy
Time
~15m
Format
Single
Grading
Human review
#ui#react#frontend#state#styling
Mission file // read carefullyeasy
Build a Color Picker widget.
Requirements
- Show a color swatch block with a dynamic background color.
- Offer three range inputs (sliders) for Red, Green, and Blue (0 to 255).
- Display the current RGB and Hex values.
- Updating a slider dynamically alters the swatch background.
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.