Widget in your own custom dialog or some other type of overlay. You can of course also make your own dialog and just use the ColorPicker Show and use the ColorPicker in a dialog. There is a built-in dialog that can be used to The shape, size and spacing of the color picker items can be modified. The wheel picker will move to select the entered color, while also creating a color swatch for it. On the wheel picker you can enter a HEX RGB color code, and If the color HEX RGB code is visible, the picker can also include a button that allows you to copy the selectedĬolor code to the clipboard directly from the field. Give the ColorPicker a heading and a subheading for the color shades, typically Text widgets with appropriate style.ĭecide if the Material shades can be selected or not and if the selected color name and RGB code are visible in the Is not very useful, they are available as optional ways of showing and selecting the standard Material primary and Showing pickers 1 and 2, together with picker 3 You canĬonfigure the ColorPicker to include any of the above color pickers. When you show more than one color picker, a segmented sliding control allows you to select which one to use. HSV color-wheel picker, that allows you to select or enter any color.Custom color swatches and their shades, that you define and name.Black and white colors, including very near black and white shades.Both primary and accent colors and their shades, in the same color picker.Material accent colors and its shades.Material primary colors and its shades.The different types of available color pickers are: Opacity Slider Height, Width and Thumb Radius.
It has desktop focus handling plus optional menusĪnd buttons for handling COPY-PASTE of colors from and to the picker, including desktop platformĪware COPY-PASTE keyboard shortcuts. The picker is Windows, Mac, Linux and Web desktop compatible. A color from the generated tonal palette can then be picked as well.įor more information about the Material 3 color system and tonal palettes. The picker can optionally also generate Material Design 3 color systemĪccurate tonal palettes, using any selected color in the picker, as key color to generate The size and style used for the pick items can be customized. Pickers, three of which are used for the standard Flutter Material Design 2 colors and their shades. The ColorPicker can show six different types of color FlexColorPicker is a customizable color picker for Flutter.