用原生TypeScript造轮子（六） 取色器

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

简介

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

基本思路

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

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

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