Color Picker
画像をクリックして、その位置の色をHEX・RGB・HSLで取得します。
Dominant Color Extractor
画像から代表的な色（カラーパレット）を自動抽出します。
入力データはブラウザ内で処理されます
データはサーバーへ送信されません
変換ツール
Dominant Color Extractorとは？
Dominant Color Extractorは、画像の中で使われている代表的な色を自動的に抽出し、パレットとして表示するツールです。 各ピクセルの色を量子化して出現頻度を集計する方式により、写真やイラストから素早くカラーパレットを作成できます。
すべての処理はブラウザ内のCanvas APIで完結し、画像データが外部サーバーへ送信されることはありません。
利用シーン
- 写真やイラストからWebサイトの配色を決めたい
- ロゴ画像から使われている色を一覧化したい
- デザインのカラーパレットを画像から素早く作成したい
使い方
- 画像ファイルを選択、またはドラッグ＆ドロップします。
- 抽出する色数（3〜12）をスライダーで指定します。
- 「代表色を抽出する」をクリックすると、パレットが表示されます。
- 各色スウォッチをクリックするとHEXコードがコピーされます。
- 「すべてCSS変数としてコピー」で、パレット全体をCSSカスタムプロパティとして一括コピーできます。
よくある質問
このツールは無料ですか？
はい、完全無料でご利用いただけます。
画像はサーバーに送信されますか？
いいえ、すべての処理はお使いのブラウザ内で行われます。画像がサーバーへ送信されることはありません。
どのように代表色を計算していますか？
画像の各ピクセルをRGB空間で量子化してグループ化し、出現頻度の高いグループから代表色を算出しています。
抽出できる色の数は何個までですか？
3色から12色までの範囲で指定できます。
同じカテゴリのツール
- Image Converter (PNG / JPEG / WebP)PNG・JPEG・WebP形式の画像を相互に変換します。ブラウザ内で完結し、サーバーへは送信されません。
- Image Compressor画像の画質を調整してファイルサイズを圧縮します。JPEG・WebP・PNGに対応。
- Image Resizer画像の幅・高さをピクセル単位で指定してリサイズします。縦横比の固定にも対応。
- Image Base64 Encoder / Decoder画像をBase64（Data URI）へ変換、またはBase64文字列から画像を復元します。
- Favicon Generator1枚の画像から各種サイズのファビコン（ICO・PNG）とHTMLスニペットを生成します。
- Image Cropper画像をドラッグで範囲指定して切り抜きます。縦横比の固定にも対応。