调色板 色系条版本Q30 E02

显示

在之前的版本上，增加 3 个 颜色框

选择

默认

默认选中第一个颜色

交互

用户可以点击不同的颜色块，来切换选中的颜色

使用 4px 宽，#333333 颜色的 内边框 (inset border / inner border) 来显示当前被选中的 颜色块

输入 与 联动

当切换颜色时，下方的 Hex 和 RGB 应该随之变化

当 Hex 和 RGB 获得新的合法值后，当前被选中的颜色快，应该改变颜色

随机

点击随机后，会随机出来四个颜色。

但这个四个颜色是根据一个基准色变出来的。

颜色规则

第二个格子根据之前版本的规则显示基准色。

第一个格子的 RGB 值 是 基准色的 RGB 值，靠近 #000000 的 1/2

比如，第二个格子的 RGB 值是 255, 120, 0，那么第一个格子，就应该是 127, 60, 0

第三个格子的 RGB 值 是 基准色的 RGB 值，靠近 #FFFFFF 的 1/3

第四个格子的 RGB 值 是 基准色的 RGB 值，靠近 #FFFFFF 的 2/3

交互

随机之后，用户依然可以点击某个颜色块，把它的颜色单独改掉

持久化

保存

点击 Save 能够保存 这四个颜色

恢复

启动时，读取数据文件，恢复上次保存的四个颜色。

如果没有数据，则显示 以 #CCCCCC 为基准色的 四个色块。