Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:ui15 dependencies

Color Picker

color-picker

Color picker with HEX, RGB, HSL, and OKLCH formats, alpha channel, optional swatches, and a popover trigger. Built on Base UI's Popover, Menu, and NumberField primitives with native EyeDropper support.

@fluidRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Docs & live playground: https://www.fluidfunctionalism.com/docs/color-picker.
3 other registries

Similar components

Other registries' take on color-picker.

Color Picker
a@asanshay
Component
Color Picker
i@iconiq
Component
Color Picker
p@pulld
Component
@fluid

More from @fluid

All 8 items
Button
button
Component
Dropdown
dropdown
Component
Sidebar Search Field
sidebar-search-field
Block
Switch
switch
Component
Input Copy
input-copy
Component
Slider
slider
Component
Thinking Indicator
thinking-indicator
Component