ui 参考 primeNG: http://primefaces.org/primeng…
ts 开发环境:https://github.com/lycHub/ts-…
目录
简介
参考 primeNG 的实现,可以 hex,rgh,hsb 三种颜色模式互相转换
本节 demo 和源码
基本思路
dom 分成两部分,左边的面板有一块黑白底图作为背景,右边长条也有张彩色底图作为背景
右边长条选中的颜色,设为左面板的背景色,这样左面板可跟随右侧变色
其中最重要的就算 3 种颜色的转换,转换部分是直接 copy 的源码,具体详见代码。