一个带有吸管、HSL、RGB 和 Material 颜色的 Flutter 颜色调色板

Paco

一个带有吸管的 Flutter 颜色调色板（适用于移动和桌面设备）

浅色主题 (Light theme)	黑暗主题

• 示例 / 源代码

吸管

从您的Flutter移动或桌面屏幕中选择一种颜色。

要使用吸管（Flutter移动和桌面版），您需要将应用包装在EyeDrop widget中。

@override
  Widget build(BuildContext context) {
    return EyeDrop(
      child: Builder(
        builder: (context) => Scaffold(
          backgroundColor: backgroundColor,
          body: Container(
            child: ColorButton(
              key: Key('c1'),
              color: color1,
              config: ColorPickerConfig(enableLibrary: false),
              boxShape: BoxShape.rectangle, // default : circle
              size: 32,
              swatches: swatches,
              onColorChanged: (value) => setState(() => color4 = value),
            ),
          ),
        ),
      ),
    );
  }

可定制

• 禁用透明度滑块
• 禁用吸管
• 禁用色板库
• 圆形或方形颜色按钮

ColorButton(
  key: Key('c1'),
  color: color1,
  config: ColorPickerConfig(
    this.enableOpacity = true,
    this.enableLibrary = false,
    this.enableEyePicker = true,
  ),
  boxShape: BoxShape.rectangle, // default : circle
  size: 32,
  swatches: swatches,
  onColorChanged: (value) => setState( () => color4 = value ),
 );

ColorButton(
  key: Key('c2'),
  color: color2,
  config: ColorPickerConfig(enableEyePicker: false),
  size: 64,
  swatches: swatches,
  onColorChanged: (value) => setState( () => color4 = value ),
  onSwatchesChanged: (newSwatches) => setState(() => swatches = newSwatches),
 );

GitHub

https://github.com/rxlabz/paco