Add Color Picker to your Roblox project in one command. Requires Node 18+ and a Roblox project — run robloxui init first if you don't have one yet. See the docs.
bashnpx robloxui add color-pickerFirst time? Start with the documentation.
import { Color Picker } from "./src/client/ui/components/color-picker";<ColorPicker onChange={(c) => print(c)} />A full HSV color picker with hue slider, saturation/value canvas, hex input, and recent colors palette. Emits color change events on drag.
by RobloxUI Team
| Author | RobloxUI Team |
| Framework | Roblox-TS + React-Luau |
| Category | Buttons |
| Dependencies | @rbxts/react |
| Theme Tokens | colors.bgSecondary, radius.md, radius.lg |
| Last Updated |
| July 31, 2026 |