Circular HSV color picker

Simple, optimized and usefull package to add HSV color picker to your project.

Example 1 Example 2

Getting started

In your pubspec.yaml file within your Flutter Project:

dependencies:
  circular_color_picker: <latest_version>

Usage

Just add minimum implementation wherever you want.

CircularColorPicker(
            radius: 100,
            onColorChange: (value) {
              //
              // change it as you want
              //
            },
          ),

Additional information

You can customize picker options or picker dot options:

CircularColorPickerOptions(
        initialColor: const Color(0xffff0000),
        showBackground: false,
        callOnChangeFunctionOnEnd: true,
          ),
PickerDotOptions(
    isInner: true,
    radius: 24,
    borderWidth: 5,
    borderColor = Colors.black,
    this.shadows = const [
      BoxShadow(
        color: Colors.black,
        spreadRadius: 0.5,
      ),
    ],
  )

Further plans

  • fixing behavior on windows size changes;
  • add brightness bar
  • add ability to use few picker dots
  • add method to use custom picker dots

P.S. If you have any thoughts about this plugin, I'll be glad to discuss and implement them.

Libraries

circular_color_picker
Simple, optimized and usefull package to add HSV color picker to your project