画像から代表色を4~12色自動抽出し、HEX/RGB/HSL、WCAGコントラスト比、CSS変数、パレットPNG、抽出色を使ったCSSグラデーションを生成します ブラウザー内のみ生成します。
JPG、PNG、WebP、GIF、SVGなど、ブラウザーで読み取れる画像
/* パレット抽出後にCSSが表示されます。 */
ロゴ、商品写真、バナー画像から代表色を抽出し、Webサイトのテーマ、商品ページ、サムネイル、CSS変数へすぐに活用できます。
アップロードしたファイルは外部サーバーへ送信されません(お使いのPC内で処理されます)。
画像の読み込み、色抽出、グラデーション生成、PNGダウンロードは、すべて現在のブラウザー内で処理されます。
色数を減らすか、サンプル間隔を「標準」または「高速」にすると、似た色を減らせる場合があります。
ブラウザーが画像としてレンダリングできるSVGなら、プレビューと色抽出が可能です。
選択した背景色と抽出色とのWCAGコントラスト比です。文字色を選ぶ際の参考にできます。
Webサイトのテーマ、ボタン、背景、グラフなど、繰り返し使う色の管理に便利です。
このツールは画像上の1ピクセルを直接クリックするスポイト型カラーピッカーではありません。画像全体をサンプリングして代表色を4~12色自動抽出します。ほぼ透明なピクセルとほぼ白いピクセルは主要色候補から除外し、各結果にはHEX・RGB・HSLを表示します。画像をクリックして特定の1ピクセルの色を正確に選ぶ機能には対応していません。