画面・画像の色を調べる

画像やスクリーンショット、画面の中の色を選んで、HEX・RGB・HSLのカラーコードを調べます。選んだ色は一時的なパレットに並べてコピーできます。

画像・貼り付けたスクリーンショット・取り込んだ画面の上で、調べたい場所を選びます。画像は送信・保存しません。

色を調べる画像

またはここにファイルをドロップ

PNG・JPEG・WebPなど。50 MB・50,000,000画素まで。

コピーしたスクリーンショットを使います。Ctrl+V（⌘+V）でも貼り付けられます。

共有する画面・ウィンドウ・タブを選ぶと、その時点の1枚だけを取り込んで共有を終えます。

このブラウザでは画面の色を直接選べません。「画面を取り込む」か、スクリーンショットの画像を使ってください。

使い方

画像を選ぶ・貼り付ける・画面を取り込むのどれかで画像を開き、調べたい場所をクリックします。ドラッグすると色が続けて変わり、矢印キーで1画素ずつ（Shiftを押すと10画素ずつ）動かせます。
画面の色を直接選ぶは、ブラウザのスポイト機能（EyeDropper）に対応したブラウザでだけ表示します。画面のどこでも1点を選べ、Escで中止できます。
画面の取り込みは、共有する画面・ウィンドウ・タブを選ぶと、その時点の1枚だけを取り込んで、すぐに共有を終えます。画面全体を共有すると、取り込んだ画像には画面全体が写ります。調べたいウィンドウやタブだけを選ぶと、余計なものが写りません。

出す値

HEX（#RRGGBB）、RGB、HSL、OKLCH をCSSの書き方で出し、それぞれコピーできます。
透明な部分は、透明度（alpha）と、白・黒の背景に重ねたときの色も出します。透明度があるときは、HEXは #RRGGBBAA の8桁になります。
値は sRGB の 8bit（0〜255）として扱います。画像のカラープロファイルや、お使いの画面での実際の発色、印刷の色（CMYK）を測るものではありません。画面を取り込んだ画像は、ブラウザや画面の設定によって、元の色と少しずれることがあります。

パレット

選んだ色を「パレットに加える」と、ページを開いている間だけ並べておけます。保存しないため、ページを閉じると消えます。すべてのHEXをまとめてコピーできます（最大24色）。

上限

画像は50MB・50,000,000画素まで。
16,777,216画素（4,096×4,096相当）を超える画像は、縦横比を保って縮小してから色を読みます。縮小した画像の1画素は、元の複数の画素の平均の色になります。

画像・取り込んだ画面・選んだ色は、この端末の中だけで扱い、送信・保存しません。

このツールは、入力内容やファイルをこの端末（ブラウザ）内で処理し、サーバーへ送信しません。詳しくはプライバシーと広告の方針をご覧ください。