対応している画像形式は？

JPG、PNG、WebP、GIF、およびブラウザが対応するその他の形式が使えます。

何色まで抽出できますか？

スライダーで4〜16色を抽出できます。

いいえ。重複除去アルゴリズムがほぼ同じ色を取り除くため、各スウォッチは見た目に区別できます。

はい。「CSS変数として書き出す」をクリックすると、--color-1、--color-2などがそのまま使える.cssファイルをダウンロードできます。

いいえ。処理はすべてブラウザ内で行われ、画像がお使いのデバイスの外に出ることはありません。

スライダーで4〜16色を抽出できます。

画像から主要な色を抽出してHEX·RGBパレットを生成

カラーパレットのヒントと活用例

ロゴやメイン商品写真からパレットを抽出して、ブランドカラーガイドをすばやく作成します。HEX値をFigmaやAdobeツールに直接貼り付ければ、あらゆる素材で統一感を保てます。

デザインモックアップ画像からパレットを抽出し、CSS変数ファイルをダウンロードします。:rootブロックに追加すれば、テーマを一元管理でき、開発も速くなります。

人気のInstagram投稿からパレットを抽出し、新しいコンテンツにその色を使いましょう。フィードの見た目が統一され、ブランドらしさが保てます。