ページを読み込んでいます
画像から主要カラーパレットを抽出し、CSS変数・Tailwind設定・SCSSマップとしてコピーできます。色の面積比率も可視化します。
カラーパレットを抽出したい画像をドラッグ&ドロップするか、クリックしてファイルを選択します。
抽出する色の数（3〜12色）をスライダーで調整し、「パレット抽出」ボタンをクリックします。
抽出された色をHEX/RGB/HSL形式で確認し、CSS変数・Tailwind設定・SCSSマップとしてコピーします。
画像をドラッグ&ドロップ
またはクリックしてファイルを選択
対応形式: JPEG, PNG, WebP, GIF（最大10MB）
画像カラーパレット抽出ツールは、画像から主要な色を自動で抽出し、Web開発で使えるコード形式に変換するオンラインツールです。k-meansクラスタリングアルゴリズムにより、画像内の支配的な色を正確に検出します。抽出した色はHEX、RGB、HSL形式で表示され、CSS変数、Tailwindカラー設定、SCSSマップとしてワンクリックでコピーできます。すべての処理はブラウザ内で完結するため、画像がサーバーに送信されることはありません。
いいえ。すべての処理はブラウザ内で完結します。画像がサーバーに送信されることはありません。
JPEG、PNG、WebP、GIF形式に対応しています。ファイルサイズは最大10MBまでです。
はい。スライダーで3色から12色まで自由に調整できます。
CSS変数（:root）、Tailwind CSSのカラー設定、SCSSマップの3形式に対応しています。