カラーパレット抽出
写真をアップロードするだけで、主要な色をカラーコード、RGB値、出現量のデータとともにすぐに抽出できます。ウェディングプランナー、ブランド担当者、デザイナーに最適です。すべてブラウザー内で動作するため、画像のプライバシーは守られます。
元の画像
抽出したパレット
カラーバー
CSS変数
Tailwindの設定
ビビッド
ダークビビッド
ライトビビッド
ミュート
ダークミュート
ライトミュート
コピー
コピーしました
6種類のスウォッチ
ビビッド、ダークビビッド、ライトビビッド、ミュート、ダークミュート、ライトミュートの6種類です。AndroidやMaterial Designと同じパレットを使っています。
100%プライベート
画像がブラウザーの外に出ることはありません。色の抽出はすべてローカルで行われ、サーバーへのアップロードはありません。
どこでも使える書き出し
カラーコード、CSS変数、Tailwindの設定をワンクリックでコピーできます。パレットはPNG画像やAdobeの.ASEスウォッチファイルとしてダウンロードできます。
仕組み
3つのステップで、すぐに使えるきれいなカラーパレットができあがります。
写真をアップロード
デバイスからJPG、PNG、WebP画像をドラッグ＆ドロップするか、クリックして選択します。
色を抽出
ツールがブラウザー内で画像を分析し、主要な6つのスウォッチをカラーコードとRGB値とともに取り出します。
コピーまたはダウンロード
カラーコードを個別にコピーしたり、CSSやTailwindのスニペットを取得したり、パレットをPNGや.ASEでダウンロードしたりできます。
このツールの活用シーン
ウェディングのムードボードからブランドガイドラインまで、カラーパレットの抽出で何時間もの手作業を省けます。
ウェディングプランナー
イメージ写真から正確な色を取り出し、フローリスト、装飾業者、印刷会社と共有できます。
グラフィックデザイナー
参考画像からパレットを抽出し、CSS変数やデザインツールに直接書き出せます。
ブランド担当者
商品写真を公式のブランドカラーガイドと比べて、ブランドの一貫性を確認できます。
フォトグラファー
撮影した写真の色調の幅を把握し、カラーグレーディングや後処理の一貫性に役立てられます。
よくある質問
はい、制限なしで完全に無料です。登録も不要で、何度でも使えます。
はい。すべての処理はブラウザー内で行われます。画像がサーバーにアップロードされることはありません。
抽出にはVibrantアルゴリズム（AndroidやGoogleが使っているものと同じ）を使い、ビビッド、ダークビビッド、ライトビビッド、ミュート、ダークミュート、ライトミュートの6つの主要なスウォッチを特定します。これらを組み合わせると、はっきりしたアクセントカラーと控えめな背景色の両方が得られます。
もちろんです。カラーコードを個別にコピーしたり、CSS変数やTailwindの設定のスニペットをまとめて取得したりできます。Photoshop、IllustratorなどのAdobeアプリに直接読み込めるAdobeの.ASEスウォッチファイルもダウンロードできます。
JPG、PNG、WebP、GIF、BMP、SVGに対応しています。ブラウザーで表示できる画像形式であれば、このツールで使えます。