拾色器
一、「拾色器」對話方塊的具體情況如下圖所示： （1
）不精確選擇顏色
首先在「
顏色取樣條」內單擊，粗略選擇一種顏色，則該顏色由淺到深的變化即體現在「色域」中，將滑鼠移到「色域」中後，滑鼠指標變為小圓圈狀，在目標顏色上單擊即可將其設定為「當前選擇顏色」。
（2）精確設定顏色
• 在需要的顏色模式中輸入各通道的數值。
• 在「顏色**」框中輸入6位所需顏色的十六進製制編碼。 （3
）選擇最接近「當前選擇顏色」的可列印色
若「當前選擇顏色」超出列印的顏色範圍，則出現「列印溢色」圖示，單擊其下面的「最接近的可列印色」圖示，即可將最接近當前選擇顏色的可列印色設定為「當前選擇顏色」。
（4）選擇最接近「當前選擇顏色」的網頁可使用色
若「當前選擇顏色」超出網頁可顯示的顏色範圍，則出現「網頁溢色」圖示，單擊其下面的「最接近的網頁可使用色」圖示，即可將最接近當前選擇顏色的網頁可使用色設定為「當前選擇顏色」。
（5）設定「色域」中只顯示網頁可使用色
選中對話方塊左下方的「
只有web顏色」核取方塊，即可使「色域」中只顯示網頁可使用色。
（6）將當前選擇顏色新增到「色板」
單擊對話方塊右邊的「
新增到色板」按鈕，即可將「當前選擇顏色」新增到色板中，以後需要該顏色時直接從色板中選擇即可。
二、
rgb模式和
hsb模式
■ rgb
rgb是表示紅色綠色藍色又稱為三原色光，英文為r(red)
、g(green)、b(blue)，在電腦中，rgb的所謂"多少"就是指亮度，並使用整數來表示。
通常情況下，rgb各有256級亮度，用數字表示為從0、1、2至255。雖然數字最高是255，但0也是數值之一，因此共256級。按照計算，256級的rgb色彩總共能組合出約1678萬種色彩，即256×256×256＝16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。
對於單獨的r或g或b而言，當數值為0時，代表這種顏色不發光；如果為255，則該顏色為最高亮度。因此當rgb三種色光都發到最強的亮度，純白的rgb值就為255,255,255。螢幕上黑的rgb值是0,0,0。r，意味著只有紅色存在，且亮度最強，g和b都不發光。因此最紅色的數值是255,0,0。同理，最綠色就是0,255,0；而最藍色就是0,0,255。黃色較特殊，是由紅色加綠色而得就是255，255，0。
rgb模式是顯示器的物理色彩模式。這就意味著無論在軟體中使用何種色彩模式，只要是在顯示器上顯示的，影象最終就是以rgb
方式出現。
■ hsb
是顏色分為色相、飽和度、明度三個因素。英文為h(hue)
、s（saturation）b（brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到純白，最低得到純黑。一般淺色的飽和度較低，亮度較高，而深色的飽和度高而亮度低。
三、rgb與hsb的數值轉換關係:
1.hsb
亮度(b )=rgb
最大顏色分量值/255*100%.
hsb飽和度(s)=rgb(最大顏色分量值-最小顏色分量值)/最大顏色分量值
*100%.
hsb色相(h)=rgb最大顏色分量相位值+或-(中間顏色分量值-最小顏色分量值)/(最大顏色分量值-最小顏色分量值)*60度
.2．公式說明：
(1).
最大顏色分量值：如rgb(238，100，62)中的
238.
(2). 最小顏色分量值：如rgb(238，100，62)中的
62.(3). 中間顏色分量值：如rgb(238，100，62)中的
100.
(4). 最大顏色分量相位值：rgb三基色中，純紅r色相為0度，純綠g色相為120度，純藍b色相為240度。如rgb(238，100，62)的最大顏色分量相位值則為0度，rgb(62，100，238)的最大顏色分量相位值則為240度，rgb(62，238，100)的最大顏色分量相位值則為120度。
(5).+
或-：rgb值中，若中間顏色分量在最大顏色分量相位的逆時針方向，則應相加；中間顏色分量在最大顏色分量相位的順時針方向，則應相減。例如：rgb(62，238，100)，最大顏色分量為g，中間顏色分量為b，b在g的逆時針方向，中間顏色分量b對最大顏色分量g有逆時針方向牽拉色相使度數加大的作用，故應相加。再如：rgb(100，238，62)，最大顏色分量為g，中間顏色分量為r，r在g的順時針方向，中間顏色分量r對最大顏色分量g有順時針方向牽拉色相使度數減小的作用，故應相減。
(6).60
度：任何乙個中間顏色分量對最大顏色分量的色相牽拉作用，在共同減掉最小顏色分量的影響後，其最大牽拉度數為60度（即120度相位差的一半，也就是中間顏色分量增大到與最大顏色分量相等時）。
canvas畫素點獲取 拾色器 放大器
最近在學習canvas，然後照葫蘆畫瓢簡單實現了幾個小demo，跟大家一塊學習一下。用法 context.drawimage img sx,sy,swidth,sheight x,y width,height 複製 引數 描述img sx可選。開始剪下的 x 座標位置。sy可選。開始剪下的 y 座標...
微信小程式中slider實現拾色器功能
畫板中要實現顏色選擇功能，幾經周折，效果還可以，整個思路就是 1 利用線性過渡實現slider背景渲染 2 獲取slider滑塊value值 3 計算該value值所代表的顏色值並賦值給顏色需求方 體驗路徑 自定義系列 拾色器 js部分 pages colorpicker colorpicker.j...
編解碼器的詳細介紹
業務是網路的主要業務之間。尤其移動網際網路業務的興起，在運營商和應用開發商中，業務份量極重，其中 的編譯碼服務涉及需求分析 應用開發 釋放license收費等等。最近因為專案的關係，需要理清 的codec，比較搞的是，在豆丁網上看運營商的規範 標準，同一運營商同樣的業務在不同文件中不同的要求，而且有...