Flutter color picker package

A simple color picker package for your Flutter apps.


  • Pick an RGB color.


You can use KolorPicker as a normal widget, it is in fact a simple button. You must give a callback function onComplete at least. The button is by default a square containing an icon Icons.colorize. The button is customizable with icon,style,width and height parameters. You can set an initial color with initColor, by default it is Colors.black. The last picked color is saved and is automatically picked when you reopen the picker.

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);
  final String title;

  _MyHomePageState createState() => _MyHomePageState();

class _MyHomePageState extends State<MyHomePage> {
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      body: Center(
        child: KolorPicker(onComplete: (c) => print("Picked color $c")),

A BottomSheet containing the color picker will be opened on KolorPicker button click. The picked color is being returned thank to onComplete callback function.

Styling picker text
textTheme: ThemeData.light().textTheme.copyWith(
              bodyText1: TextStyle(
                fontFamily: 'Rubik',
                color: Colors.black,
                fontWeight: FontWeight.w500,
                fontSize: 17,
              bodyText2: TextStyle(
                fontFamily: 'Rubik',
                color: Colors.blueGrey,
                fontWeight: FontWeight.w700,
                letterSpacing: 2,
                fontSize: 15,

bodyText1 is used by slider label ('R', 'G', 'B', 'A')
bodyText2 is used by slider value and picked color value