Package detail

@fluentui/react-color-picker

microsoft503.4kMIT9.2.12

ColorPicker component for Fluent UI React.

readme

Fluent UI Web

GitHub contributors GitHub top language

Fluent UI React is shipping its v9 final stable release. Visit the Fluent UI React v9 Release page on the wiki to learn more about the upcoming release schedule.

Fluent UI web represents a collection of utilities, React components, and Web Components for building web applications.

This repo is home to 3 separate projects today. Combining Fluent UI React v9 components with Fluent UI React v8 or v0 components is possible and allows gradual migration to Fluent UI v9.

The following table will help you navigate the 3 projects and understand their differences.

| | React Components (v9) | React (v8) | Web Components | |---| ----- | --------------- | -------------- | | Overview | New, future-proof and forward looking | Mature | Web Component implementation of Fluent UI. | | Used By | Microsoft 365 | Office | Edge | | Read Me | README.md | README.md| README.md | | Changelog | CHANGELOG.md | CHANGELOG.md | CHANGELOG.md | | Repo | packages/react-components | ./packages/react | ./packages/web-components | | Quick Start | Quick Start | Quick Start | See README.md | | Docs | https://react.fluentui.dev/ | aka.ms/fluentui-react | aka.ms/fluentui-web-components | | NPM | @fluentui/react-components | @fluentui/react| @fluentui/web-components | | Version | | | | | Issues | | | |

Why are there two React versions? Fluent UI v8 is still widely used. We encourage you to migrate to Fluent UI v9. See the Migration overview.

FluentUI Insights

Fluent UI Insights is a series that describes the design and decisions behind the Fluent UI design system.

EP01: Positioning	EP02: Styling	EP03: Griffel

EP04: Foundational APIs	EP05: Theming	EP06: Accessible by default

Licenses

All files on the Fluent UI React GitHub repository are subject to the MIT license. Please read the License file at the root of the project.

Usage of the fonts and icons referenced in Fluent UI React is subject to the terms of the assets license agreement.

Changelog

You can view the complete list of additions, fixes, and changes in the CHANGELOG.md file for each package.

Looking for Office UI Fabric React?

The Office UI Fabric React project has evolved to Fluent UI.

The office-ui-fabric-react repo is now this repo (fluentui in the Microsoft organization)! The name change should not disrupt any current Fabric usage, repo clones, pull requests, or issue reporting. Links should redirect to the new location. The library formerly known as office-ui-fabric-react is now available as @fluentui/react (see above table for more information).

We have a lot in store for Fluent UI - Read our announcement here.

Looking for Fluent UI React Northstar?

Fluent UI React Northstar has been superseded by Fluent UI React Components v9 and reached End Of Life in July 2025.

For more details about Fluent UI React Northstar, see its source and README.md.

This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.

changelog

Change Log - @fluentui/react-color-picker

This log was last generated on Wed, 17 Dec 2025 18:06:04 GMT and should not be manually modified.

9.2.12

Wed, 17 Dec 2025 18:06:04 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.13 (PR #35582 by beachball)
Bump @fluentui/react-jsx-runtime to v9.3.4 (PR #35582 by beachball)
Bump @fluentui/react-tabster to v9.26.11 (PR #35582 by beachball)
Bump @fluentui/react-utilities to v9.26.0 (PR #35582 by beachball)

9.2.11

Tue, 11 Nov 2025 19:18:20 GMT Compare changes

Patches

chore: Bump @griffel/react package. (PR #35469 by estebanmu@microsoft.com)
Bump @fluentui/react-context-selector to v9.2.12 (PR #35462 by beachball)
Bump @fluentui/react-jsx-runtime to v9.3.3 (PR #35462 by beachball)
Bump @fluentui/react-shared-contexts to v9.26.0 (PR #35462 by beachball)
Bump @fluentui/react-tabster to v9.26.10 (PR #35462 by beachball)
Bump @fluentui/react-utilities to v9.25.4 (PR #35462 by beachball)

9.2.10

Thu, 06 Nov 2025 15:01:25 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.11 (PR #35466 by beachball)
Bump @fluentui/react-jsx-runtime to v9.3.2 (PR #35466 by beachball)
Bump @fluentui/react-tabster to v9.26.9 (PR #35466 by beachball)
Bump @fluentui/react-utilities to v9.25.3 (PR #35466 by beachball)

9.2.9

Fri, 31 Oct 2025 16:22:06 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.10 (PR #35402 by beachball)
Bump @fluentui/react-jsx-runtime to v9.3.1 (PR #35402 by beachball)
Bump @fluentui/react-tabster to v9.26.8 (PR #35402 by beachball)
Bump @fluentui/react-utilities to v9.25.2 (PR #35402 by beachball)

9.2.8

Tue, 21 Oct 2025 14:16:59 GMT Compare changes

Patches

Bump @fluentui/react-jsx-runtime to v9.3.0 (PR #35343 by beachball)

9.2.7

Wed, 08 Oct 2025 12:04:53 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.9 (PR #35294 by beachball)
Bump @fluentui/react-jsx-runtime to v9.2.2 (PR #35294 by beachball)
Bump @fluentui/react-tabster to v9.26.7 (PR #35294 by beachball)
Bump @fluentui/react-utilities to v9.25.1 (PR #35294 by beachball)

9.2.6

Thu, 02 Oct 2025 15:12:18 GMT Compare changes

Patches

feat: enforce usage of use client directive for files with client-only features (PR #35173 by dmytrokirpa@microsoft.com)
Bump @fluentui/react-context-selector to v9.2.8 (PR #35133 by beachball)
Bump @fluentui/react-jsx-runtime to v9.2.1 (PR #35133 by beachball)
Bump @fluentui/react-shared-contexts to v9.25.2 (PR #35133 by beachball)
Bump @fluentui/react-tabster to v9.26.6 (PR #35133 by beachball)
Bump @fluentui/react-utilities to v9.25.0 (PR #35133 by beachball)

9.2.5

Mon, 08 Sep 2025 12:51:36 GMT Compare changes

Patches

fix: react 19 type issues (PR #34864 by dmytrokirpa@microsoft.com)
chore: extend peer dependencies versions to support React 19 (PR #35145 by dmytrokirpa@microsoft.com)
chore: enforce explicit module boundary types (PR #35080 by dmytrokirpa@microsoft.com)
Bump @fluentui/react-context-selector to v9.2.7 (commit by beachball)
Bump @fluentui/react-jsx-runtime to v9.2.0 (commit by beachball)
Bump @fluentui/react-shared-contexts to v9.25.1 (commit by beachball)
Bump @fluentui/react-tabster to v9.26.5 (commit by beachball)
Bump @fluentui/react-utilities to v9.24.1 (commit by beachball)

9.2.4

Thu, 21 Aug 2025 12:25:39 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.6 (commit by beachball)
Bump @fluentui/react-jsx-runtime to v9.1.6 (commit by beachball)
Bump @fluentui/react-shared-contexts to v9.25.0 (commit by beachball)
Bump @fluentui/react-tabster to v9.26.4 (commit by beachball)
Bump @fluentui/react-utilities to v9.24.0 (commit by beachball)

9.2.3

Thu, 07 Aug 2025 10:03:33 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.5 (PR #34980 by beachball)
Bump @fluentui/react-jsx-runtime to v9.1.5 (PR #34980 by beachball)
Bump @fluentui/react-tabster to v9.26.3 (PR #34980 by beachball)
Bump @fluentui/react-utilities to v9.23.2 (PR #34980 by beachball)

9.2.2

Wed, 30 Jul 2025 13:10:57 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.4 (PR #34881 by beachball)
Bump @fluentui/react-jsx-runtime to v9.1.4 (PR #34881 by beachball)
Bump @fluentui/react-shared-contexts to v9.24.1 (PR #34881 by beachball)
Bump @fluentui/react-tabster to v9.26.2 (PR #34881 by beachball)
Bump @fluentui/react-theme to v9.2.0 (PR #34881 by beachball)
Bump @fluentui/react-utilities to v9.23.1 (PR #34881 by beachball)

9.2.1

Mon, 28 Jul 2025 18:48:21 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.3 (PR #34918 by beachball)
Bump @fluentui/react-jsx-runtime to v9.1.3 (PR #34918 by beachball)
Bump @fluentui/react-tabster to v9.26.1 (PR #34918 by beachball)
Bump @fluentui/react-utilities to v9.23.0 (PR #34918 by beachball)

9.2.0

Thu, 17 Jul 2025 13:49:36 GMT Compare changes

Minor changes

feat: enable griffel raw styles (PR #34853 by martinhochel@microsoft.com)
Bump @fluentui/react-tabster to v9.26.0 (PR #34862 by beachball)

9.1.3

Fri, 27 Jun 2025 13:39:41 GMT Compare changes

Patches

Bump @fluentui/react-tabster to v9.25.3 (PR #34734 by beachball)

9.1.2

Thu, 26 Jun 2025 14:11:55 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.2 (PR #34529 by beachball)
Bump @fluentui/react-jsx-runtime to v9.1.2 (PR #34529 by beachball)
Bump @fluentui/react-tabster to v9.25.2 (PR #34529 by beachball)
Bump @fluentui/react-utilities to v9.22.0 (PR #34529 by beachball)

9.1.1

Wed, 18 Jun 2025 17:34:00 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.2.1 (PR #34675 by beachball)
Bump @fluentui/react-jsx-runtime to v9.1.1 (PR #34675 by beachball)
Bump @fluentui/react-shared-contexts to v9.24.0 (PR #34675 by beachball)
Bump @fluentui/react-tabster to v9.25.1 (PR #34675 by beachball)
Bump @fluentui/react-utilities to v9.21.1 (PR #34675 by beachball)

9.1.0

Thu, 12 Jun 2025 09:43:33 GMT Compare changes

Minor changes

Bump @fluentui/react-context-selector to v9.2.0 (PR #34456 by beachball)
Bump @fluentui/react-jsx-runtime to v9.1.0 (PR #34456 by beachball)
Bump @fluentui/react-tabster to v9.25.0 (PR #34456 by beachball)
Bump @fluentui/react-utilities to v9.21.0 (PR #34456 by beachball)

9.0.7

Wed, 11 Jun 2025 22:31:56 GMT Compare changes

Patches

docs: removed text from preview stage (PR #34612 by vkozlova@microsoft.com)

9.0.6

Fri, 06 Jun 2025 13:15:17 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.1.77 (PR #34572 by beachball)
Bump @fluentui/react-jsx-runtime to v9.0.55 (PR #34572 by beachball)
Bump @fluentui/react-tabster to v9.24.8 (PR #34572 by beachball)
Bump @fluentui/react-utilities to v9.20.0 (PR #34572 by beachball)

9.0.5

Wed, 14 May 2025 18:49:17 GMT Compare changes

Patches

fix: added touch events for ColorArea (PR #34328 by v.kozlova13@gmail.com)
Bump @fluentui/react-tabster to v9.24.7 (PR #34438 by beachball)

9.0.4

Thu, 24 Apr 2025 09:59:45 GMT Compare changes

Patches

Bump @fluentui/react-tabster to v9.24.6 (PR #34315 by beachball)

9.0.3

Wed, 16 Apr 2025 19:42:18 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.1.76 (PR #34166 by beachball)
Bump @fluentui/react-jsx-runtime to v9.0.54 (PR #34166 by beachball)
Bump @fluentui/react-tabster to v9.24.5 (PR #34166 by beachball)
Bump @fluentui/react-utilities to v9.19.0 (PR #34166 by beachball)

9.0.2

Tue, 01 Apr 2025 15:08:02 GMT Compare changes

Patches

Bump @fluentui/react-tabster to v9.24.4 (PR #33909 by beachball)

9.0.1

Thu, 27 Mar 2025 21:12:51 GMT Compare changes

Patches

Bump @fluentui/react-context-selector to v9.1.75 (PR #34034 by beachball)
Bump @fluentui/react-jsx-runtime to v9.0.53 (PR #34034 by beachball)
Bump @fluentui/react-shared-contexts to v9.23.1 (PR #34034 by beachball)
Bump @fluentui/react-tabster to v9.24.3 (PR #34034 by beachball)
Bump @fluentui/react-utilities to v9.18.23 (PR #34034 by beachball)

9.0.0

Wed, 19 Mar 2025 15:40:40 GMT Compare changes

Minor changes

feat: release ColorPicker as 9.0.0 stable (PR #33969 by vkozlova@microsoft.com)
Bump @fluentui/react-context-selector to v9.1.74 (PR #34032 by beachball)
Bump @fluentui/react-jsx-runtime to v9.0.52 (PR #34032 by beachball)
Bump @fluentui/react-shared-contexts to v9.23.0 (PR #34032 by beachball)
Bump @fluentui/react-tabster to v9.24.2 (PR #34032 by beachball)
Bump @fluentui/react-utilities to v9.18.22 (PR #34032 by beachball)

0.3.1

Tue, 11 Mar 2025 18:58:50 GMT Compare changes

Patches

fix: placed thumb half outside of colorSlider and colorArea (PR #33880 by vkozlova@microsoft.com)
fix: focus on Y axis (PR #33899 by v.kozlova13@gmail.com)
Bump @fluentui/react-context-selector to v9.1.73 (PR #33927 by beachball)
Bump @fluentui/react-jsx-runtime to v9.0.51 (PR #33927 by beachball)
Bump @fluentui/react-shared-contexts to v9.22.0 (PR #33927 by beachball)
Bump @fluentui/react-tabster to v9.24.1 (PR #33927 by beachball)
Bump @fluentui/react-utilities to v9.18.21 (PR #33927 by beachball)

0.3.0

Fri, 21 Feb 2025 14:34:05 GMT Compare changes

Minor changes

Bump @fluentui/react-tabster to v9.24.0 (PR #33876 by beachball)

0.2.0

Tue, 18 Feb 2025 11:26:27 GMT Compare changes

Minor changes

custom color channels (PR #33763 by v.kozlova13@gmail.com)

Patches

fix: design changes for ColorPicker (PR #33785 by vkozlova@microsoft.com)

0.1.6

Fri, 07 Feb 2025 10:42:11 GMT Compare changes

Patches

fix: thumb design for ColorPicker - partner's ask (PR #33743 by v.kozlova13@gmail.com)

0.1.5

Mon, 27 Jan 2025 20:27:33 GMT Compare changes

Patches

fix: default state for ColorSliders (PR #33715 by v.kozlova13@gmail.com)

0.1.4

Wed, 22 Jan 2025 14:00:14 GMT Compare changes

Patches

chore: Moving @ctrl/tinycolor dependency to be a caret dependency in production packages. (PR #33611 by makotom@microsoft.com)
fix: focus jumps to inputY instead of next element (PR #33620 by vkozlova@microsoft.com)
feat: Added transparent option to the AlphaSlider (PR #33572 by v.kozlova13@gmail.com)
Bump @fluentui/react-context-selector to v9.1.72 (PR #33631 by beachball)
Bump @fluentui/react-jsx-runtime to v9.0.50 (PR #33631 by beachball)
Bump @fluentui/react-tabster to v9.23.3 (PR #33631 by beachball)
Bump @fluentui/react-utilities to v9.18.20 (PR #33631 by beachball)

0.1.3

Wed, 08 Jan 2025 18:33:32 GMT Compare changes

Patches

fix: contrast border of thumb (PR #33526 by vkozlova@microsoft.com)
feat: added aria-attributes to the ColorPicker (PR #33543 by vkozlova@microsoft.com)
Bump @fluentui/react-jsx-runtime to v9.0.49 (PR #33550 by beachball)

0.1.2

Mon, 16 Dec 2024 16:26:48 GMT Compare changes

Patches

fix(react-color-picker): active axis for ColorPicker (PR #33415 by vkozlova@microsoft.com)
Bump @fluentui/react-context-selector to v9.1.71 (PR #33468 by beachball)
Bump @fluentui/react-jsx-runtime to v9.0.48 (PR #33468 by beachball)
Bump @fluentui/react-shared-contexts to v9.21.2 (PR #33468 by beachball)
Bump @fluentui/react-tabster to v9.23.2 (PR #33468 by beachball)
Bump @fluentui/react-theme to v9.1.24 (PR #33468 by beachball)
Bump @fluentui/react-utilities to v9.18.19 (PR #33468 by beachball)

0.1.1

Mon, 09 Dec 2024 17:38:10 GMT Compare changes

Patches

chore: remove usage of "export *" (PR #33384 by olfedias@microsoft.com)

0.1.0

Fri, 06 Dec 2024 12:53:39 GMT

Minor changes

'feat(react-color-picker): Release ColorPicker as unstable (PR #33395 by vkozlova@microsoft.com)
Bump @fluentui/react-context-selector to v9.1.70 (PR #33372 by beachball)
Bump @fluentui/react-jsx-runtime to v9.0.47 (PR #33372 by beachball)
Bump @fluentui/react-shared-contexts to v9.21.1 (PR #33372 by beachball)
Bump @fluentui/react-tabster to v9.23.1 (PR #33372 by beachball)
Bump @fluentui/react-theme to v9.1.23 (PR #33372 by beachball)
Bump @fluentui/react-utilities to v9.18.18 (PR #33372 by beachball)