メインコンテンツへ移動

画像配色抽出ツール

デザインレビューまたはフロントエンドハンドオフの前に、ローカルイメージからドミナントカラー、HEXコード、および再利用可能なパレットトークンを抽出します。

ブラウザ限定、プライベート

ブラウザ内でローカル処理。アップロード不要。

画像配色抽出ツール
デザインレビューまたはフロントエンドハンドオフの前に、ローカルイメージからドミナントカラー、HEXコード、および再利用可能なパレットトークンを抽出します。

ファイルをドロップするかクリックして参照

ファイルを待機中

開始するにはファイルを追加してください。

元のサイズ

-

見つかった色

-

ドミナントカラー

-

ブラウザ内でローカル処理。アップロード不要。

抽出されたパレット

ファイルを待機中

CSS 変数

:root {
}

パレット JSON

[]

クイックヒント

  • UI トークンのハンドオフには 4 ~ 6 色を使用し、よりリッチなムードボードには 8 色を使用します。
  • パレットはダウンスケールされたプレビューからローカルにサンプリングされるため、大きなファイルも高速に保持されます。

その他のツール

関連記事を読む

新機能のリリースをお知らせします

新しい製品や機能が公開されたときに一度メールをお送りします。迷惑メールはなく、いつでも解除できます。