メインコンテンツへ移動

次に使うツールを探す

ブラウザ内で完結するプライベートな画像ワークスペース

画像カラーピッカー

画像をアップロードして中央のピクセルを取得し、画像をサーバーに送らずにHEXカラー値を確認できます。

画像カラーピッカー

ブラウザ内でのローカル処理

実際の作業で役立つ場面

  • • 参考画像からHEXカラーをすばやく取得する。
  • • CSSやデザイン作業のために画像の代表的な色を確認する。

ダウンロード前に確認すること

  • • この簡易ピッカーは画像からサンプリングするもので、デザインシステム一式を生成するものではありません。
  • • 主要な色を複数知りたい場合はパレットツールを使いましょう。

「画像カラーピッカー」の使い方

  1. 1. 元画像を選ぶ: 手元にあるいちばん鮮明な元画像から始めましょう。
  2. 2. 用途を決める: 実際に求められるピクセル、形式、レイアウト、ファイルサイズに関係する設定だけを使いましょう。
  3. 3. 処理して確認する: ローカルで新しいコピーを作成し、見た目の結果と表示される情報を確認します。
  4. 4. ダウンロードして確認する: 完成したコピーを保存し、提出先のフォーム、ウェブサイト、ワークフローの要件と照らし合わせましょう。

制限事項

  • • 質感のある画像では、ピクセル1つが見た目の平均的な色を表すとは限りません。
  • • ブラウザやディスプレイのカラーマネジメントの違いによって、見え方が変わることがあります。

ブラウザ内でのプライベート処理

処理はブラウザ内で実行されます。元のファイルは保管し、ダウンロードしたコピーが提出先の最新要件を満たしているか確認してください。

よくあるご質問

複数の色を取得できますか?

主要な色を複数取得するには画像カラーパレットツールを使ってください。このページは単色をすばやく取得するためのものです。

元の画像は変更されますか?

いいえ。選択した画像はブラウザ内で読み込まれるだけです。

すべての画像ツールを見る