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

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

简介

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

基本思路

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

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

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