Color Picker

Full HSB color picker with a 2D spectrum area, hue bar, and hex/RGB/HSB input fields. Supports foreground/background swapping.

CategoryPanels
Sourcepackages/editor-ui/src/color-picker
Preview Portpsd.pg.yatsyk.com (dev)

Live Preview

Dev only:Run cd apps/ui-preview && pnpm dev -p 7041 for live preview. Source: packages/editor-ui/src/color-picker

Variants

Red initialPicker initialized to red (#FF0000)
Blue initialPicker initialized to blue (#3482F6)
Green initialPicker initialized to green (#00CC44)

Props

PropTypeDescription
storeColorPickerStoreMobX store managing picker state (optional, creates default)

Source Code

Component source: packages/editor-ui/src/color-picker

UI Preview page: apps/ui-preview/app/color-picker/page.tsx