JA EN

カラーピッカー

読み: からーぴっかー

画像やカラーパレットから任意の色を選択・取得するためのインターフェースまたはツール。

カラーピッカー (Color Picker) は、画像上の任意のピクセルから色情報を取得したり、カラーパレットやスライダーを操作して目的の色を指定するための UI コンポーネントである。取得した色はRGB16 進カラーコード、HSL などの形式で出力される。

画像からの色抽出 (スポイト機能) では、Canvas API の getImageData() で指定座標のピクセル値を読み取る。1 ピクセル単位の取得だけでなく、周囲 3x3 や 5x5 ピクセルの平均値を返すモードを備えるツールもあり、ノイズの影響を軽減できる。

Web デザインやイラスト制作では、既存画像から配色を抽出してカラーパレットを構築する用途で頻繁に使われる。カラーピッカーツールを使えば、アップロードした画像から即座に色コードを取得できる。

関連用語

関連記事