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

ui參考primeNG: http://primefaces.org/primeng...
ts開發環境： https://github.com/lycHub/ts-...
目錄

簡介

參考primeNG的實現，能夠hex,rgh,hsb三種顏色模式互相轉換
本節demo和源碼

基本思路

dom分紅兩部分，左邊的面板有一塊黑白底圖做爲背景，右邊長條也有張彩色底圖做爲背景

右邊長條選中的顏色，設爲左面板的背景色，這樣左面板可跟隨右側變色

其中最重要的就算3種顏色的轉換，轉換部分是直接copy的源碼，具體詳見代碼。