DevExpress：顏色選擇控件ColorPickEdit

本文爲個人.NET控件庫DevExpress使用筆記，個人DevExpress版本爲13.1

一、控件類型全稱：DevExpress.XtraEditors.ColorPickEdit

二、控件所在程序集：DevExpress.XtraBars.v13.1.dll

三、工具箱內分類：DX.13.1: Common Controls

四、控件樣式截圖

五、ColorPickEdit的下拉菜單中能夠選擇三種類型的顏色，分別是Custom、Web、System，它們對應於VisualStudio顏色選擇工具中的「自定義」、「Web」和「系統」。（以下圖所示）

1）自定義（Custom）顏色是由結構System.Drawing.Color提供的顏色，包括顏色的RGB信息

System.Drawing.Color.FromArgb(((int)(((byte)(255)))), ((int)(((byte)(192)))), ((int)(((byte)(128)))))

2）Web顏色也是由結構System.Drawing.Color提供的，它們是「對Web安全的顏色」（Web-safe Color），C#爲每一個Web顏色都提供了get方法，便於獲取這些顏色，如：

System.Drawing.Color.LawnGreen

一個用於查閱216個Web安全色的網頁：http://www.bootcss.com/p/websafecolors/

有關網頁顏色的介紹，能夠參考相關維基百科介紹頁面：https://en.wikipedia.org/wiki/Web_colors

3）系統（System）顏色與前兩種顏色不一樣，根據微軟對System.Drawing.SystemColors類的描述，該類中的全部顏色也都是System.Drawing.Color結構的，這種結構是Windows顯示元素的顏色，但因爲不一樣版本的Windows對同一個SystemColor的具體賦值會不一樣，所以考慮程序會跨多個Windows系統使用，儘可能少用或慎用這樣的顏色。下面是一個名爲ActiveCaption的系統顏色：

System.Drawing.SystemColors.ActiveCaption

六、點擊「Custom」下的「More Colors」，能夠進入「Select Color」界面選擇更多的顏色。一個System.Drawing.Color結構能夠描述一個顏色的四個屬性，即A（Alpha份量，用於描述透明度）、R（Red，紅色）、G（Green，綠色）、B（Blue，藍色）。這四個屬性均可以經過「Select Color」界面設置出。「Select Color」界面支持兩種指定顏色的模型，分別是RGB模型和HSB模型。

七、RGB Model（RGB模型），即由紅、綠、藍三個顏色組合成其餘的全部顏色。實際上，RGB的配置僅出如今界面的右上角，左側的區域爲對HSL顏色空間的配置，HSL是三個英文單詞的縮寫，Hue（色相）、Saturation（飽和度）、Lightness（亮度）。界面左側方姓區域的橫座標爲色相（Hue），縱座標爲飽和度（Saturation），右側有一個調節亮度（Luminance）的工具，這三組座標位置發生改變後，右側Red、Green、Blue三個位置的數字也會相應發生改變。下面的透明度（Opacity）用於設置Color結構中A的部分，取值範圍從00（0）到FF（255），當取值爲FF時，右邊#號內的顏色只有6個十二進制數字，不然會出現8個，前面兩個表示透明度。右下角的「Make Web-Safe」按鈕將當前選中的顏色轉換到最接近的對Web安全的顏色。

最下面的Sample用於預覽調配出的顏色

八、HSB模型，中文名爲「色調-飽和度-亮度模型」，這個界面用於經過HSV色彩空間配置顏色。HSV也是三個英文的縮寫：Hue（色相）、Saturation（飽和度）、Value（明度）。由於明度一詞的英文實際爲Brightness，所以在配置界面中，明度被寫做Brightness而不是Value。在右上角的RadioButton中，選中哪一個屬性，哪一個屬性就會出如今矩形選擇區域右側的TrackBar中。Opacity刻度條、Make Web-Safe按鈕等功能和RGB Model中是同樣的。

關於HSL和HSV兩種顏色空間，能夠參考維基百科相關條目：https://en.wikipedia.org/wiki/HSL_and_HSV

九、設有一個ColorPickEdit控件的實例colorPickEdit1，能夠經過colorPickEdit1.Color獲取當前選中的顏色。EditValueChanged用於捕獲當前選中顏色發生改變的事件。

END