画像カラーピッカー

画像の任意のピクセルから正確な色を取得し、HEX・RGB・HSL で表示します。

100% プライベート——すべてブラウザ内で動作

使い方

  1. 1

    画像をドロップします。ブラウザ内でデコードされます。

  2. 2

    ピクセルをクリックするか、矢印キーで正確に選びます。

  3. 3

    HEX・RGB・HSL をコピーするか、平均色とパレットを使います。

使用例

ロゴのブランド色

入力

白背景の PNG ロゴ

出力

マーク自体をクリックして正確な HEX をコピーできます。

写真の配色

入力

風景写真

出力

6 つの主要色と平均色が得られ、ムードボードに使えます。

よくある質問

どの形式で表示されますか?

取得点の HEX・RGB・HSL に加え、平均色と 6 色パレットです。

色が少しずれるのはなぜ?

速度のため長辺を 900 px に縮小し、隣接ピクセルが混ざるためです。矢印キーで 1 ピクセルずつ調整できます。

画像はアップロードされますか?

いいえ。ローカルの canvas に描画し、メモリ上で解析します。

関連ツール