画像のカラーパレット抽出と色空間について
カラーパレット抽出は、画像の中で最も目立ち、調和の取れた配色パターンを特定する技術です。デザイナーはこれらの抽出結果を用いて、ビジュアルデザインシステム、UIコンポーネント、ブランドイメージに一貫したカラー構成を設定できます。
ローカルでのカラー分析
当抽出ツールは、RGBピクセル群を特定の色空間バケットへ分類するクラスタリングアルゴリズムを用いています。この計算は完全にクライアントサイドで行われ、画像のアップロードなしで瞬時にプライベートに動作します。
カラーピッカーツールの使い方
1. デザインアセットの追加：画面モックアップ、UIのスクリーンショット、またはお好みの写真をドロップします。
2. メインカラーの抽出：ピクセルを解析し、上位8色の主要カラーグループを出力します。カラーカードをクリックするとHEXコードがコピーされます。
3. 拡大鏡ルーペ：キャンバス上を移動すると、ピクセル拡大ルーペが動作します。クリックでHEX、RGB、HSLカラー値を固定してコピーできます。