ColorPicker for UWP を使用すると、マルチカラーパレットでカスタマイズされた、見た目にも優れたアプリケーションを作成できます。次の図は、C1ColorPicker のさまざまな要素を示します。

基本モード

C1ColorPicker の Mode プロパティを使用すると、事前に選択されたカラーパレットから色を選択することも、必要に応じて独自のパレットをカスタマイズすることもできます。C1ColorPicker は 3 つのモード（Basic、Advanced、Both）をサポートします。デフォルトでは、Mode プロパティは Both に設定され、Basic と Advanced の両方のカラーパレットが表示されます。

基本モード：デフォルトでは、C1ColorPicker のドロップダウン矢印がクリックされると、［基本］タブが開かれます。［基本］タブは、次の図のように表示されます。

［基本］タブには、以下が含まれます。

• ドロップダウン矢印：ドロップダウン矢印をクリックして、C1ColorPicker のウィンドウを開きます。
• 選択された色：現在選択されている色が ColorPicker のウィンドウに表示されます。 
• ピックした色：現在ピックされている色は境界線が強調表示されてカラーリストに表示されます。
• パレット色：パレット色には、現在選択されているカラーパレットが反映されます。Palette プロパティを設定することでパレットを選択できます。 
• ヘッダーパレット：これらの色は、選択されたパレットにある基本色です。パレット色には、これらの基本色の色調を変えた色がリストされています。
• 標準色：暗い赤レンガ色、赤、オレンジ、黄色、薄緑、緑、空色、青、濃紺、紫の 10 の標準色が並べられています。
• 最近使用した色：最近使用した色が最大 10 色まで表示されます。ShowRecentColors プロパティを False に設定することで、最近使用した色を非表示にすることができます。

詳細モード

詳細モードは、［基本］タブの右側に［詳細］タブとして表示されます。このモードでは、1 つの色からさまざまな色調を選択することで、カラーパレットをカスタマイズできます。このモードは RGB 色もサポートします。これは、デザインビューで C1ColorPicker の［プロパティ］ウィンドウに表示されています。［詳細］タブは、次の図のように表示されます。

 ［詳細］タブは、主に以下が含まれます。

• ドロップダウン矢印：ドロップダウン矢印をクリックして、C1ColorPicker のウィンドウを開きます。
• カラースライダ：カラースライダを使用して、色スペクトルから色を選択できます。カラースライダを移動して一般色を選択してから、カラーフィールドで選択を調整します。
• カラーフィールド/ピックした色：カラーフィールドで色調を選択できます。ピックした色は、現在選択されている色を示します。
• 透過スライダ：このスライダを使用して、色の透過性を設定できます。不透過に設定することも、部分的または完全な透過に設定することもできます。
• カラープレビュー：選択した色をプレビューできます。
• ［OK］ボタン：色の選択が完了したら、［OK］ボタンをクリックして、ドロップダウンを閉じ、その色を選択した色として設定します。 

その他のコントロール