選択した色#000000
- HEX
#000000- 8桁HEX
#000000FF- RGB
rgb(0, 0, 0)- RGBA
rgba(0, 0, 0, 1)- HSL
hsl(0, 0%, 0%)- HSV／HSB
0°, 0%, 0%- HSV／HSB
0, 0, 0- CMYK
0%, 0%, 0%, 100%- CMYK
0, 0, 0, 1- 透明度
100%
画像カラーピッカー
画像をクリックして、HEX・RGB・HSLなどの色コードを1ピクセル単位で取得します。
✓ 無料✓ 登録不要✓ ブラウザ内で処理
画像から色を取得
画像を選び、取得したい場所をクリックしてください
STEP 01画像を選択
JPEG・PNG・静止GIF・WebP・AVIF・HEIC/HEIF・BMP、1枚100MB・5,000万画素まで
画像をドラッグ＆ドロップ
クリップボードからの貼り付け（Ctrl＋V）にも対応しています
色の取得はお使いの端末内で行います。画像は当社のサーバーや外部サービスへ送信されません。
STEP 02画像から色を選択
クリック・タップした1ピクセルの色を取得します。矢印キーでは1px、Shift＋矢印キーでは10pxずつ移動できます。
画像上の取得したい場所をクリックしてください。
STEP 03色コードをコピー
色を選択すると、各形式の値がここに表示されます。
HOW TO USE
画像カラーピッカーの使い方
画像から色を選び、3つの手順で色コードをコピーできます。
- 01画像を選択
画像を選択するか、選択欄へドラッグ＆ドロップまたは貼り付けます。
- 02取得したい色を選択
画像をクリックまたはタップします。必要に応じて拡大し、ルーペで1ピクセルずつ確認できます。
- 03色コードをコピー
HEX・RGB・HSL・HSV・CMYKから、必要な表記の右側にある「コピー」を押します。
ABOUT
このツールについて
画像は外部へ送信されません
画像の確認と色の取得は、お使いの端末内で行います。元画像を当社のサーバーや外部サービスへ送信しません。
元画像の1ピクセルから取得します
画面に縮小表示した色ではなく、クリック位置に対応する元画像の画素を取得します。拡大ルーペでも周辺の画素を確認できます。
対応する画像形式
JPEG・PNG・静止GIF・WebP・AVIF・HEIC/HEIF・BMPに対応しています。アニメーション画像、SVG、TIFFには対応していません。
透明な画像にも対応します
透明度を含む画素ではRGBAと8桁HEXも表示します。画像の透明部分は市松模様の背景で確認できます。
色コードの精度
RGB・HEX・HSL・HSVは、ブラウザで表示するsRGBの画素値から算出します。カラープロファイルによっては元ファイル内部の数値と異なる場合があります。
CMYKは概算値です
CMYKは画面表示用RGBから計算した目安です。印刷会社やプリンターのICCプロファイルを使った色変換とは異なります。
対応上限
入力は1枚100MB・5,000万画素までです。大きな画像で端末のメモリが不足した場合は、ほかのアプリを閉じてからお試しください。