Sip 屏幕取色工具自定义 Flutter 格式色值

Sip 是一款 Mac Os 上的屏幕取色工具，功能强大并且支持自定义取到的色值格式。

官网 https://sipapp.io/

开心版需要大家自己去找哦~

运行程序后在状态栏会出现一个小图标。

在设置里面可以配置快捷键，在运行程序的时候可以使用快捷键直接唤起取色工具，鼠标点取想要的颜色即可获取颜色。

程序提供了一些常用的色值格式。选择以后下一次取色就会返回对应的格式，比如常见的 CSS Hex色值(#0099FF)等等。

当然这些色值格式并不能覆盖所有色值使用场景，程序也提供了让用户自定义格式的方法。

在色值格式选择列表的最下方有一个加号，点击后会进入自定义面板。

自定义面板顶部的 Help 会有一些示例，可以逐个打开查看、复制，看过后基本就能明白怎么自定义一个自己想要的格式。

下面是一个 Flutter 中的颜色格式配置代码：

{
  "function" : "concat",
  "x" : {
    "function" : "concat",
    "x" : "Color(0x",
    "y" : {
      "function" : "upper",
      "x" : {
        "function" : "concat",
        "x" : "hex[alpha]",
        "y" : {
          "function" : "concat",
          "x" : "hex[red]",
          "y" : {
            "function" : "concat",
            "x" : "hex[green]",
            "y" : "hex[blue]"
          }
        }
      }
    }
  },
  "y" : ")"
}