本文へ移動

画像ツール

画像の色取得・HEX確認

画像の好きな点のRGB・HEX・透明度を確認。クリックや座標で色を選び、送信せずにコピーできます。

ブラウザが読み取った静止フレームのsRGB・8bit値です。印刷のCMYK値や元ファイルの色管理値を保証するものではありません。色管理や半透明の丸めで元データと差が出る場合があります。

このツールについて

写真や図に合わせて、資料やWebページの文字・背景の色を決めたいときに使えます。調べたい1画素のRGBと透明度を読み、HEXまたはCSSのRGBAとしてコピーできます。画像全体の代表色を選ぶ機能ではありません。

透明度と色の見え方

Alphaは0が透明、255が不透明です。半透明の色は背景と合成されるため、白い背景での見た目と色の数値は異なります。市松模様は透明部分の目印で、取得する色には含みません。完全に透明な画素の元のRGBは復元できません。

元の画素から色を取得

プレビューは画面に合わせて縮小しますが、選択座標の元の画素を調べます。文字や輪郭の端には中間色があるため、均一な部分を選ぶか座標を調整してください。ブラウザのsRGB・8bit値であり、元画像のICC値や印刷のCMYK値ではありません。

使い方

  1. 20MB・1,200万画素以下のJPEG・PNG・WebPを1枚選びます。
  2. 画像の点をクリック・タップします。座標を入力して「色を取得」でも選べます。
  3. RGB・Alphaと色見本を確認し、HEXまたはRGBAをコピーします。

画像や座標を変えると前の結果は解除されます。コピーできない場合は「結果を全選択」から手動でコピーしてください。

よくある質問

画像や色は送信されますか?

画像の表示、色の取得、コピーは端末内で行います。画像・ファイル名・座標・色をサーバーへ送信しません。元の画像は変更しません。

HEXの6桁と8桁の違いは?

不透明な色は#RRGGBBの6桁、半透明や透明な色は末尾にAlphaを付けた#RRGGBBAAの8桁です。Alphaは00が完全に透明、FFが不透明です。

クリックせずに色を取得できますか?

横位置Xと縦位置Yを整数で入力し「色を取得」を押してください。左上は0,0で、最大値は幅・高さから1を引いた値です。キーボードでも操作できます。

アニメーションや印刷色も調べられますか?

読み込んだ時点の静止フレームだけを表示して調べます。印刷のCMYKや元画像のICC値は調べられません。ブラウザが読み取ったsRGBの値で、半透明色の丸めや色管理の違いが出る場合があります。

画像

画像切り抜き

縦横比と位置を選び、画像の必要な範囲を切り抜いてPNG保存。画像は送信されません。

画像

画像圧縮(JPEG・PNG・WebP)

画像を送信せずJPEG・WebPへ圧縮、透過を保ってPNGへリサイズ。容量と見た目を比較して保存できます。