画像カラー取得
画像をクリック・タップするだけで、 その場所のHEX・RGBカラーを取得。 最近選んだ色や画像の主要カラーも確認できます。
画像を選ぶ
色を取りたい場所を選ぶ
PCでは画像をクリック、 スマートフォンではタップしてください。 選択した位置の色を下に表示します。
色を確認する
取得した色を見る
最近取得した色
この画像の主要カラー
画像全体を簡易解析し、 よく使われている色を最大6色まで抽出します。
画像カラー取得の使い方
- 色を調べたい画像を選択します。
- 画像上の調べたい場所をクリックまたはタップします。
- 選択した位置のHEX・RGBカラーを確認します。
- 必要な値をコピーボタンでコピーします。
HEXとRGBとは
HEXは「#2563EB」のように、 Webサイトやデザインツールでよく使われる色の表記方法です。
RGBは赤・緑・青の強さを 「rgb(37, 99, 235)」のように数値で表します。
主要カラーについて
画像全体を縮小して色をグループ化し、 使用頻度の高い色を簡易的に抽出しています。
写真のように色数が多い画像では、 実際のデザイン上の「テーマカラー」と完全に一致するとは限りません。
よくある質問
スマートフォンでも色を取得できますか?
はい。 画像の調べたい場所を指でタップすると、 その位置の色を取得できます。
同じ画像から何色も取得できますか?
はい。 画像を繰り返しクリック・タップすると、 最近取得した色として最大12色まで表示します。
画像の色は完全に正確ですか?
ブラウザが読み込んだ画像のピクセル値を取得しています。 ディスプレイ設定やカラープロファイルによって、 見た目と数値に差を感じる場合があります。
画像はサーバーへ送信されますか?
いいえ。 画像の表示・色取得・主要カラー解析は、 お使いのブラウザ内で処理されます。