用原生TypeScript造轮子六-取色器

ui 参考 primeNG: http://primefaces.org/primeng…
ts 开发环境：https://github.com/lycHub/ts-…
目录

简介

参考 primeNG 的实现，可以 hex,rgh,hsb 三种颜色模式互相转换
本节 demo 和源码

基本思路

dom 分成两部分，左边的面板有一块黑白底图作为背景，右边长条也有张彩色底图作为背景

右边长条选中的颜色，设为左面板的背景色，这样左面板可跟随右侧变色

其中最重要的就算 3 种颜色的转换，转换部分是直接 copy 的源码，具体详见代码。