画像から色を抽出・カラーコード取得
画像を読み込んで好きな場所を押すと、その位置のカラーコードがわかります。
入力した文章やファイルはサーバーに送らず、このブラウザー内だけで処理します。
ファイルをドロップするか、クリックして選んでください
画像を押すとその位置の色を選べます
カーソル位置
-
選んだ色
HEX
RGB
HSL
代表色8色
選んだ色の履歴
色のマスを押すとHEXコードをコピーします。
使い方
- 画像をドラッグ＆ドロップするか、押してファイルを選びます。最初はサンプル画像が表示されています。
- パソコンではマウスを乗せるとルーペにピクセルが拡大表示されます。中央のマスが選ばれる色です。
- 好きな場所を押すと「選んだ色」にHEX・RGB・HSLが表示され、下の履歴にたまっていきます。
- 「代表色8色」は画像によく使われている色をまとめたパレットです。数字はその色が占める割合です。
よくある質問
画像はサーバーにアップロードされますか？
いいえ。画像はブラウザーの中だけで開いて計算します。どこにも送信・保存しません。
デザインソフトで調べた色と少し違います。
写真に埋め込まれたカラープロファイル（Display P3など）をブラウザーが画面用のsRGBに変換して描くため、1〜2程度ずれることがあります。大きな画像は長辺2400pxに縮小して読み取ります。
代表色はどうやって選んでいますか？
似た色どうしを箱に分けるメディアンカット法で8グループを作り、平均色を何度か合わせ直して整えています。透明な部分は計算から除きます。